移动端事件

标签：tde   解决   不用   false   efault   soft   als   chm   doc   

var div = document.getElementById(‘div1");
div.ontouchstart = function() {
　　alert(1);
}

div.addEventListener(‘touchstart‘, start)
function start () {
    alert(1);
}

注意：在移动端开发的时候，浏览器的模拟器时好时坏，一般不用on的方式绑定事件函数，要用事件绑定的方式

问题1：PC端的事件比移动端的事件略慢，大概在300ms左右，  所以一般用touchend，不用mouseup

问题2：移动端的点透

　　当上层元素发生点击的时候，下层元素也有点击（焦点）特性，

　　在300ms之后，如果上层元素消失或者隐藏，目标点就会“漂移”到下层元素身上，

　　就会触发点击行为。

解决：

　　1、下层不要使用有点击（焦点）特性的元素。

　　2、阻止PC的事件

document.addEventListener(‘touchstart‘, function(ev){
    ev.preventDefault();
}, { passive: false })

问题3：在IOS10下禁止用户缩放是不可行的

1、手指按下， ontouchstart

2、手指移动，ontouchmove

3、手指抬起，ontouchend

移动端事件

标签：tde   解决   不用   false   efault   soft   als   chm   doc   

原文地址：https://www.cnblogs.com/haishen/p/10986236.html