美文网首页
js长按事件

js长按事件

作者: 程序猿吴彦祖 | 来源:发表于2018-12-27 15:18 被阅读0次
//原文地址 https://www.jianshu.com/p/11bb9629aa09
 var longClick =0;
    $(".longtouch").on({
        touchstart: function(e){
            longClick=0;//设置初始为0
            timeOutEvent = setTimeout(function(){
                location.href = "redstore://downloadImage?url=" + encodeURIComponent(e.srcElement.src)
                //此处为长按事件-----在此显示遮罩层及删除按钮
                longClick=1;//假如长按,则设置为1
            },800);
        },
        touchmove: function(e){
            clearTimeout(timeOutEvent);
            timeOutEvent = 0;
        },
        touchend: function(e){
            clearTimeout(timeOutEvent);
            if(timeOutEvent!=0 && longClick==0){//点击
                //此处为点击事件----在此处添加跳转详情页
            }
            return false;
        }
    });

相关文章

  • js长按事件

  • 模拟浏览器长按事件

    因为js没有长按事件,所以我们需要模拟长按事件,核心是利用touchstart和touchend事件加一个定时器解...

  • Js实现长按事件

    最近在做一个项目,点击一个按钮,弹出一张图片,长按图片保存图片,点击图片图片隐藏。在做的时候发现,当我们长按图片的...

  • Js实现移动端长按事件

    前言 最近在做一个移动端的项目,其中有一个收藏列表,其中包含几个事件。1.点击跳转详情页。2.长按显示遮罩层和删除...

  • JS键盘事件 长按停顿问题

    问题描述:用js的键盘事件控制一个div移动,当按下一个方向键不放,div会先停顿一下,然后才开始持续移动。(原因...

  • mui框架里的一些小发现

    mui 事件 点击:tap(单击事件)doubletap(双击事件)长按:longtap(长按屏幕)hold(按住...

  • js 长按

  • 8.点击事件的分发机制

    问题: listview控件点击事件,添加了长按点击事件和点击事件,发现,长按点击事件执行之后点击事件也被触发了。...

  • useLongPress

    简介 1 .监听目标的长按事件2 .不足,长按和点击事件是分开计算的

  • html js div 移动端长按事件

    只要清楚五个方法就行:ontouchstart、ontouchmove、ontouchend、setTimeout...

网友评论

      本文标题:js长按事件

      本文链接:https://www.haomeiwen.com/subject/yxnrlqtx.html