css屏蔽图片长按选中下载

在移动端开发中,我们通常不希望页面的图片被长安选中可下载,会禁用图片选中事件,这时,css不能使用通配符全局设置 pointer-events:none;  否则会把所有点击事件禁用。

解决方案

img {
  box-sizing: border-box; 
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  pointer-events: none; /* 禁止图片被选中 */
}

 

posted @ 2023-06-28 17:02  蓓蕾心晴  阅读(327)  评论(0编辑  收藏  举报