码迷,mamicode.com
首页 > 移动开发 > 详细

移动端触摸事件

时间:2016-12-10 06:53:03      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:点击事件   默认   listener   osi   top   跳转   prevent   就会   cat   

原生  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="url";

 

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

ios10下设置了meta依然会缩放

移动端触摸事件

标签:点击事件   默认   listener   osi   top   跳转   prevent   就会   cat   

原文地址:http://www.cnblogs.com/zgfa-blogs/p/6154663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!