1. 阻止图片被选中
先上修改之前的样子
![](https://img.haomeiwen.com/i17010818/0ca3e2d405be5e63.png)
这是我点击空白处的时候当前页面的文字和图片被选中也可以点击鼠标左键从空白处向图片里面拖动也会导致图片被选中
干货
在对应的css里面添加以下代码
-webkit-user-select none
-moz-user-select none
-khtml-user-select none
-ms-user-select none
这种写法为兼容模式
添加css之后的效果图
![](https://img.haomeiwen.com/i17010818/9043f6891193a9b8.png)
用css阻止点击页面选中文字和图片
2. 阻止图片被拖拽
修改前
![](https://img.haomeiwen.com/i17010818/f5d019bf4d03a9be.png)
修改后
![](https://img.haomeiwen.com/i17010818/f9182153d73846ed.png)
网友评论