为了账号安全,请及时绑定邮箱和手机立即绑定

JS监听了触摸事件后,无法监听a标签的点击事件?

JS监听了触摸事件后,无法监听a标签的点击事件?

子衿沉夜 2018-10-16 13:23:39
如图,移动端的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>标签就没有反映了。可有解决方案?? 谢谢!
查看完整描述

1 回答

?
叮当猫咪

TA贡献1776条经验 获得超12个赞

event.preventDefault()删掉试试看


查看完整回答
反对 回复 2018-11-05
  • 1 回答
  • 0 关注
  • 1287 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信