vue webapp滑动事件_js_监听移动端web触屏事件_滑动响应

直接上我自址哈这工边识框处己按后大都加控不架的例子，以vue比抖朋要插支一圈不者地器享说几应用为例：

html:

• @touchstart="touchstart()" @touchmove="touchmove(item)">

  { {item.label}}

  ×

js:

touchstart: function () {

var e = window.event;

// e.preventDefault();

startX = e.targetTouches[0].pageX;

startY = e.targetTouches[0].pageY;

},

touchmove: function (item) {

var e = window.event;

// e.preventDefault(); // 阻止浏览器默认事件

moveEndX = e.targetTouches[0].pageX;

moveEndY = e.targetTouches[0].pageY;

X = moveEndX - startX;

Y = moveEndY - startY;

if (Math.abs(X) > 120 && Math.abs(X) > Math.abs(Y) && X > 0) {

if(item.deleteShow == true){

console.log("右滑事件");