移动端长按保存图片

最新推荐文章于 2024-08-24 10:59:11 发布

CamilleZJ

最新推荐文章于 2024-08-24 10:59:11 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签：移动端长按

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/CamilleZJ/article/details/101538186

版权

前端专栏收录该内容

123 篇文章 2 订阅

订阅专栏

长按图片防止出现选中文字等，添加css

  -ms-user-select: none;
  -webkit-user-select: none; /*禁用手机浏览器的用户选择功能 */
  -moz-user-select: none;
  user-select: none;

移动端长按：

$(".img").on({
    touchstart: function(e){
        timeOutEvent = setTimeout(function(){
          //此处为长按事件-----在此调用保存命令
        },500);
    },
    touchmove: function(){
        clearTimeout(timeOutEvent);
    },
    touchend: function(e){
        clearTimeout(timeOutEvent);
    }
});