如圖,移動端的web需要圖片輪播和滑動切換,每一張海報(bào)是一個(gè)<a>標(biāo)簽,可以點(diǎn)擊。既然要輪播和滑動切換,區(qū)域內(nèi)需要監(jiān)聽左滑和右滑動,于是我是這樣實(shí)現(xiàn)的: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; //觸碰開始時(shí)的X坐標(biāo)
}, false);
offset.addEventListener('touchend', function(event) {
endX = event.changedTouches[0].pageX; //觸碰結(jié)束時(shí)的X坐標(biāo)
moveX = startX - endX; //計(jì)算差值,超過一定范圍則調(diào)用相應(yīng)函數(shù)
if (moveX > 20) { self.moveLeft(offset); //監(jiān)聽到左滑動時(shí)觸發(fā)的函數(shù)
} if (moveX < -20) { self.moveRight(offset); //監(jiān)聽到右滑動時(shí)觸發(fā)的函數(shù)
}
}, false);
}然而,這樣實(shí)現(xiàn)后,區(qū)域內(nèi)點(diǎn)擊<a>標(biāo)簽就沒有反映了??捎薪鉀Q方案?? 謝謝!
JS監(jiān)聽了觸摸事件后,無法監(jiān)聽a標(biāo)簽的點(diǎn)擊事件?
子衿沉夜
2018-10-16 13:23:39
