首页 > 代码库 > 移动端触摸事件

移动端触摸事件

原生  ontouchstart  ontouchmove  ontouchend

    obj.addEventListener(‘touchstart‘,start)

        obj.addEventListener(‘touchmove‘,move)

    obj.addEventListener(‘touchend‘,end

<a>点击我</a>

<div>abc</div>

div{position:absolute;left:0;top:0;background:#ff0000;}

移动端中是可以使用鼠标上的事件,但是鼠标上的事件比移动端的touch类事件延迟执行,约300ms

移动端事件(点透),当用户触发某个类似点击事件的时候,上层元素消失或者隐藏,因为click有300ms,在300ms之后目标点就会“漂移”;如果目标点有click事件(焦点事件)那么就会触发

 

解决方案:   obj.addEventListener(‘touchstart‘,function(ev){

      ev.preventDefault()  //阻止默认行为

             })

  如果需要跳转可以通过  window.location.href="http://www.mamicode.com/url";

 

  iTools苹果录屏大师(手机端调试)

ios10下设置了meta依然会缩放

移动端触摸事件