處理Touch事件能讓你跟蹤用戶的每一根手指的位置。你可以綁定以下四種Touch事件:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37

touchstart:??// 手指放到屏幕上的時候觸發 touchmove:??// 手指在屏幕上移動的時候觸發 touchend:??// 手指從屏幕上拿起的時候觸發 touchcancel:??// 系統取消touch事件的時候觸發。至于系統什么時候會取消，不詳 //屬性 client / clientY：// 觸摸點相對于瀏覽器窗口viewport的位置 pageX / pageY：// 觸摸點相對于頁面的位置 screenX /screenY：// 觸摸點相對于屏幕的位置 identifier：?// touch對象的unique ID //touchstart事件? function?touchSatrtFunc(e) {? ????//evt.preventDefault(); //阻止觸摸時瀏覽器的縮放、滾動條滾動等? ????var?touch = e.touches[0];?//獲取第一個觸點? ????var?x = Number(touch.pageX);?//頁面觸點X坐標? ????var?y = Number(touch.pageY);?//頁面觸點Y坐標? ????//記錄觸點初始位置? ????startX = x;? ????startY = y;? } //touchmove事件 function?touchMoveFunc(e) {? ????//evt.preventDefault(); //阻止觸摸時瀏覽器的縮放、滾動條滾動等? ????var?touch = evt.touches[0];?//獲取第一個觸點? ????var?x = Number(touch.pageX);?//頁面觸點X坐標? ????var?y = Number(touch.pageY);?//頁面觸點Y坐標? ????var?text =?'TouchMove事件觸發：（'?+ x +?', '?+ y +?'）';? ????//判斷滑動方向? ????if?(x - startX != 0) {? ????????//左右滑動? ????}? ????if?(y - startY != 0) {? ????????//上下滑動? ????}? }?

轉載于:https://www.cnblogs.com/gopark/p/8822768.html

總結

以上是生活随笔為你收集整理的js 手机端触发事事件、javascript手机端/移动端触发事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。