图片在拖动上面图标时，会被选择而变蓝。如何禁止图片拖拽，禁止图片选中。

最新推荐文章于 2023-10-25 10:11:56 发布

原创最新推荐文章于 2023-10-25 10:11:56 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

web前端基础专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何通过JavaScript阻止网页上的图片被鼠标选择变蓝及禁止拖拽功能，提供代码实现，适用于网页开发者优化用户体验。

问题现象：图片在拖动上面图标时，会被选择而变蓝


问题现象2：图片可以拖拽


解决方案：


1.禁止图片选中：

document.onmousemove = function (ev) {  
     window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); 
}

2.禁止拖拽：

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

完成效果：