vue自定义touch事件执行多次
发布于 8 年前 作者 vue-rbb 6030 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

这是从网上下载的vue自定义触摸事件 Vue.directive(‘tap’,{ bind:function(el,binding){ var startTx, startTy,endTx,endTy; el.addEventListener(“touchstart”,function(e){ var touch=e.touches[0]; startTx = touch.clientX; startTy = touch.clientY; el.addEventListener(“touchend”,function(e){ var touch = e.changedTouches[0]; endTx = touch.clientX; endTy = touch.clientY; if( Math.abs(startTx - endTx) < 6 && Math.abs(startTy - endTy) < 6){ var method = binding.value.method; var params = binding.value.params; method(params); } },false); },false ); } }) 绑定后,按理说每次点击都会执行1次,可是使用后发现第一次会执行1次,第二次点击执行2次,第三次执行3次,哪位大神能够指点一下。

回到顶部