用css阻止点击页面选中文字、图片和拖拽图片

先上修改之前的样子

改造前

这是我点击空白处的时候当前页面的文字和图片被选中也可以点击鼠标左键从空白处向图片里面拖动也会导致图片被选中

在对应的css里面添加以下代码

  -webkit-user-select none
  -moz-user-select none
  -khtml-user-select none
  -ms-user-select none

这种写法为兼容模式
添加css之后的效果图

改造后

用css阻止点击页面选中文字和图片

修改前

改造前

修改后

改造后

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。