首页 > 移动平台 > 详细

移动端触摸事件

时间:2016-12-10 06:51:46      阅读:187      评论:0      收藏:0      [点我收藏+]

原生  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依然会缩放

移动端触摸事件

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!