Mobile-Touch Events

Native Ontouchstart Ontouchmove ontouchend

Obj.addeventlistener (' Touchstart ', start)

Obj.addeventlistener (' Touchmove ', move)

Obj.addeventlistener (' Touchend ', end

<a> Click Me </a>

<div>abc</div>

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

Events on the mouse can be used on the mobile side, but events on the mouse are deferred over the touch class event on the mobile side, about 300MS

Mobile event (TAP), when the user triggers a similar click event, the upper element disappears or hides, because click has 300ms, the target point will "drift" after 300ms, if the target point has a click event (Focus event) then it will trigger

Solution: Obj.addeventlistener (' Touchstart ', function (EV) {

Ev.preventdefault ()//block default behavior

})

If need jump can pass window.location.href= "url";

Itools Apple recording screen master (mobile phone side debugging)

IOS10 set the meta will still zoom

Mobile-Touch Events