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

icebns

于 2019-10-12 15:40:51 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端基础

本文链接：https://blog.youkuaiyun.com/icebns/article/details/102521332

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

18 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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


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


解决方案：


1.禁止图片选中：

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

2.禁止拖拽：

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

完成效果：