移動端touch觸發事件

2022-10-08 19:03:12 字數 1591 閱讀 6219

// 移動端的瀏覽器相容性比較好,不需要考慮以前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...