想动态禁用页面图片拖拽

Question

想做图片禁止拖拽，因为后台返回的是一整个富文本的内容，因此不能直接在img上面加οndragstart=”return false;”
（ <img src=”logo.gif” width=88 height=31 οndragstart=”return false;” >不可行）
然后查了其他资料，说
for(i in document.images)document.images[i].οndragstart=function(){return false;};
用循环查找img可以禁用，然而打印document.images[i].οndragstart却是undefined。
因此想问问有人知道如何禁用图片拖拽吗？
我想的是是否有个设置可以直接禁用img外面包着的那层div，只要是该div下的图片，都不可能拖拽？

已解决，谢谢回答的大佬们。

Answer 1

假设你的img外层包裹的元素类名为drag-disabled

    document.body.addEventListener('dragstart',function(e){
        if(e.target.nodeName.toLowerCase() === 'img' && e.target.parentNode.classList.contains('drag-disabled')){
            e.preventDefault();
        }
    })

Answer 2

返回后用replace替换后台返回得img标签，然后设置属性

Answer 3

<img src="" alt="" style="pointer-events:none;">

Answer 4

<img src="" alt="" draggable="false">