zoukankan      html  css  js  c++  java
  • 手机端取消文字选中、取消图片长按下载

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

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

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

        
    window.ontouchstart = function(e) { e.preventDefault(); };

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

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

        
    img { pointer-events: none; }

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

    禁止选中

    -webkit-user-select: none;/*禁用手机浏览器的用户选择功能 */
     
    -moz-user-select: none;
  • 相关阅读:
    Python 基础(二)
    3.6:手写代码题(包含sql题)
    3.2:负载均衡、集群相关
    3.1:并发、安全与性能调优
    2.6:Linux/Shell脚本
    2.5:Git/Svn
    2.4:缓存
    2.3:消息中间件
    2.2:数据库
    2.1:常用框架
  • 原文地址:https://www.cnblogs.com/hjsblogs/p/5873013.html
Copyright © 2011-2022 走看看