css屏蔽图片长按选中下载

2023-07-10 14:24:59 浏览数 (2)

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

解决方案

代码语言:javascript复制
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; /* 禁止图片被选中 */
}

0 人点赞