如圖,移動端的web需要圖片輪播和滑動切換,每一張海報是一個<a>標簽,可以點擊。既然要輪播和滑動切換,區域內需要監聽左滑和右滑動,于是我是這樣實現的:App.prototype.addLister = function() { var startX = "", endX = "", moveX = ""; var offset = document.getElementById('offset');
//輪播的窗口
var self = this;
offset.addEventListener('touchstart', function(event) {
event.preventDefault();
startX = event.targetTouches[0].pageX; //觸碰開始時的X坐標
}, false);
offset.addEventListener('touchend', function(event) {
endX = event.changedTouches[0].pageX; //觸碰結束時的X坐標
moveX = startX - endX; //計算差值,超過一定范圍則調用相應函數
if (moveX > 20) { self.moveLeft(offset); //監聽到左滑動時觸發的函數
} if (moveX < -20) { self.moveRight(offset); //監聽到右滑動時觸發的函數
}
}, false);
}然而,這樣實現后,區域內點擊<a>標簽就沒有反映了??捎薪鉀Q方案?? 謝謝!
JS監聽了觸摸事件后,無法監聽a標簽的點擊事件?
子衿沉夜
2018-10-16 13:23:39