移動端touch觸發事件

// 移動端的瀏覽器相容性比較好，不需要考慮以前js的相容性問題，可以放心的使用原生js書寫效果，但是移動端也有自己獨特的地方。

// 比如觸屏事件touch（也稱觸控事件），android和ios都有
// touch物件代表乙個觸控點。觸控點可能是一跟手指，也可以是一根觸控筆。觸屏事件可能影響
// 使用者手指（或觸控筆）對螢幕或者觸控板操作
// 常見的觸屏事件如下：
// touchstart  手指觸控到乙個dom元素時觸發
// touchmove   手指在乙個dom元素上滑動是觸發
// touchend    手指從乙個dom元素上移開時觸發

//常見的觸屏事件如下：

//touchstart 手指觸控到乙個dom元素時觸發

//touchmove 手指在乙個dom元素上滑動是觸發

//touchend 手指從乙個dom元素上移開時觸發

//1、獲取元素元素

//手指觸控到元素事件

vardiv

=document.queryselector(

'div');

div.addeventlistener(

'touchstart',

function

())

//手指在dom元素上移動

div.addeventlistener(

'touchmove',

function

())

//手指在dom元素上移開了

div.addeventlistener(

'touchend',

function

())script

>

移動端 touch事件

在模擬器下不支援用on的方式來給元素加touch事件，推薦用addeventlistener方式 mouse事件的觸發必須在元素範圍內，且在移動端會有300ms左右的延遲 在移動端，觸碰乙個元素時，會立即執行新增在元素上的touch事件，然後記錄座標，300ms之後在這個座標點查詢元素，如果找到元素...

移動端touch事件

1 touch事件 touch,觸控,是移動端的觸控事件,是一組事件 1.touchstart 當手指觸控到螢幕的時候觸發 只會觸發一次 2.touchmove 當手指在螢幕中滑動時觸發 一直觸發 3.touchend 當手指離開螢幕時觸發 只會觸發一次 4.touchcancel 被迫中止滑動時觸...

移動端touch事件

touch 事件 首先 touch 包含三類事件，它們分別是 touchstart touchmove touchend 望文生義這種本能相信你應該會有，但在這裡我還是有必需對這三個詞進行一翻不必要的解釋。touchstart 手指觸控到乙個 dom 元素時觸發。touchmove 手指在乙個 do...