1. Single Point Touch drag
<! DOCTYPE html>
Window.onload = function () {//rem layout document.documentElement.style.fontSize = document.d
ocumentelement.clientwidth*100/750 + ' px ';
Let Obox = document.getelementsbyclassname (' box ') [0]; Obox.addeventlistener (' Touchstart ', function (e) {//keep distance let Disx = E.targettouches[0].page
X-obox.offsetleft;
Let Disy = E.targettouches[0].pagey-obox.offsettop;
Default block scrolling events and bubbling e.preventdefault ();
E.cancelbubble = true;
function Fnmove (e) {oBox.style.left = E.targettouches[0].pagex-disx + ' px ';
OBox.style.top = E.targettouches[0].pagey-disy + ' px ';
function Fnend () {obox.removeeventlistener (' touchmove ', fnmove,false);
Obox.removeeventlistener (' Touchend ', fnend,false); } obox.addeventlisteNER (' Touchmove ', fnmove,false);
Obox.addeventlistener (' Touchend ', fnend,false);
},false)}
2. Multi-point Touch
<! DOCTYPE html>
3.touch gesture--rotate
<! DOCTYPE html>
4.touch gesture--zoom
<! DOCTYPE html>
5. Direction lock &banner Scrolling & Drop-down Refresh
<! DOCTYPE html>
6. Double click + Long Press
<! DOCTYPE html>