轩枫阁

首页 / Web前端 / CSS / 手机端取消文字选中、取消图片长按下载

手机端取消文字选中、取消图片长按下载

企业号有一种消息类型叫保密消息,该类型消息有全屏水印、图片水印、禁止分享至朋友圈、禁止选中文字等功能。

但是对于图片,手机端默认长按时会触发下载保存交互。

首先想到的方案是通过JS实现,对touch实践做处理。

但是这个对于长的文章,滚动事件就失效了。所以此方案无效,但是如果只是某个div有需求,可以这样处理。

其实这个可以通过CSS3的属性去除。

如果只是对图片禁止选中,长按图片的时候不会有问题,但是如果是先选择旁边的文字,再覆盖选取图片,那图片照样会被copy出来。

禁止选中

这时候对文字禁止选中就没有问题了,整篇文章不可以复制或保存。截屏的时候会带有水印。

还有一招更甚,直接

完美实现以上需求,完成。

156/470
158/470

相关阅读

文章评论

  • 好!谢谢!

  • 谢谢

    • 加油

  • 这个 可以试试

    • 顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶

  • 谢谢收藏了

  • 不错,很实用,带走了

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子