事情的经过是这样的,有一天我去公司其他部门咨询链接底层服务的事情。正好当时他们部门的前端小伙伴遇到一个bug。这个bug是这样的,在微信里内嵌的H5页面中有一个图片。然而呢!图片绑定了一个点击事件。大家都知道,在手上访问H5页面的时候,长按图片就会把图片保存起来。为了能够让用户体验更好 ...
webkit user select: none moz user select: none ms user select: none user select: none 或者指定某个元素添加 div webkit user select: none moz user select: none ms user select: none user select: none ...
2016-08-22 18:00 0 1459 推荐指数:
事情的经过是这样的,有一天我去公司其他部门咨询链接底层服务的事情。正好当时他们部门的前端小伙伴遇到一个bug。这个bug是这样的,在微信里内嵌的H5页面中有一个图片。然而呢!图片绑定了一个点击事件。大家都知道,在手上访问H5页面的时候,长按图片就会把图片保存起来。为了能够让用户体验更好 ...
...
1.禁止长按保存图片: css代码: pointer-events:none; 2.禁止长按选择文本: css代码: -webkit-touch-callout:none; -webkit-user-select:none ...
在移动端访问H5页面的时候,长按图片就会把图片保存起来,为了能够让用户体验更好一些,我们需要长按的时候也不保存图片。那该如何实现呢?下面给出3种解决方案。 方案一:使用 pointer-events:none img{ pointer-events:none ...
项目遇到一个问题,在web页面中,禁止长按图片保存, 使用css属性: img { pointer-events: none; } 或者 img { -webkit-user-select: none; } 无效, 以上属性在浏览器中 ...
必须先要 引入 mui.js,然后参考具体代码 注意:img 里面的 src 只能填写网络路径,否则下载不了。 效果展示 ...
在ios端默认的长按选择,可以对文字进行复制粘贴。但是在实际开发中,针对一些按钮一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。 这篇文章通过css3实现禁止ios端长按复制选中文字的方法。 css代码如下: *{ -webkit-touch-callout:none ...