移动端事件

Posted 2021-12-24 haishen

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