给公司网站做了新页面,然后手就闲不住的这边点点,那边点点。发现图片总是被拖着走,就好烦。想着有没有可以禁止图片被拖拽的方法,然后找到了一个比较简便的方法:

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

给需要禁止拖动的图片添加拖动属性,设置值为 false 即可。

如果是对整个页面上的图片全部禁止拖拽的话,可以使用绑定事件:

<script language="javascript">
function imgdragstart(){return false;}
for(i in document.images)document.images[i].ondragstart=imgdragstart;  
</script>

以上代码段来自百度知道。