最近有個需求要用js監控移動端的用戶觸屏操作，就查了一下，常用的有三個函數，這里記錄一下
其中還有一些參數需要提前了解一下

touches: //當前屏幕上所有手指的列表targetTouches: //當前dom元素上手指的列表，盡量使用這個代替toucheschangedTouches: //涉及當前事件的手指的列表，盡量使用這個代替touches這些列表里的每次觸摸由touch對象組成，touch對象里包含著觸摸信息，主要屬性如下：clientX / clientY: //觸摸點相對瀏覽器窗口的位置pageX / pageY: //觸摸點相對于頁面的位置screenX / screenY: //觸摸點相對于屏幕的位置identifier: //touch對象的IDtarget: //當前的DOM元素

1.touchstart: //手指觸屏開始的函數
案例：

$(window).on('touchstart', function(event) {// alert(666);var touch = event.targetTouches[0]; //touches數組對象獲得屏幕上所有的touch，取第一個touchstartPos = {x:touch.pageX,y:touch.pageY,time:+new Date}; //取第一個touch的坐標值isScrolling = 0; //這個參數判斷是垂直滾動還是水平滾動this.slider.addEventListener('touchmove',this,false);this.slider.addEventListener('touchend',this,false);});

我只用到了第一個函數，但其他函數以后也可能用到，這里記錄一下
2. touchmove: //手指在屏幕上滑動式觸發

3.touchend: //手指離開屏幕時觸發

4.touchcancel: //系統取消touch事件的時候觸發，這個好像比較少用

總結

以上是生活随笔為你收集整理的移动端监控用户触屏的全部內容，希望文章能夠幫你解決所遇到的問題。

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