js 觸控事件

2022-04-29 04:27:10 字數 1244 閱讀 7359

var jc = 0;

document.addeventlistener('touchstart', function

(event) ,

false

);document.addeventlistener('touchmove', function

(event) ,

false

);document.addeventlistener('touchend', function

(event)

event.preventdefault();

//阻止click事件的執行

}, false

);document.addeventlistener('click', function

(event) ,

false);

觸控事件

目前safari 只支援touchevent(觸控事件)和gestureevent(手勢事件)

touchevent

單擊會觸發

1.touchstart (開始)

2.touchend (結束)

3.click (點選)

左滑動和右滑動

1.touchstart (開始)

2.touchmove(移動) 觸發事件次數(++)

3.touchend (結束)

出處:

var jc = 0;

var begin_x = 0; //

開始座標

var end_x = 0; //

結束座標

document.addeventlistener('touchstart', function

(event) ,

false

); document.addeventlistener('touchmove', function

(event) ,

false

); document.addeventlistener('touchend', function

(event)

else

= "/home/seeview";

} event.preventdefault();

//阻止click事件的執行

}, false);

//阻止click事件的執行   這個事件  會阻止移動端的單擊事件

JS 觸控事件 手勢事件

隨著觸屏移動端裝置的普及使用,w3c開始制定touchevent規範。除了常用的dom屬性,觸控事件還包含下列三個用於跟蹤觸控的屬性。觸控事件與手勢事件之間的關係 1 當乙個手指放在螢幕上時,會觸發touchstart事件,如果另乙個手指又放在了螢幕上,則會觸發gesturestart事件,隨後觸發...

JS中的觸控事件

觸控事件與滑鼠事件相比有兩個不同點 1 滑鼠游標只有乙個,而觸控點可能有很多 2 滑鼠游標可以懸停,而觸控點則不行。事件型別 是否可以取消 是否走完整個冒泡式出發過程 描述瀏覽器對該事件的預設處理方式 touchstart是是 使用者將某個觸控點置於觸控介面之上 未定義touchmove是是 使用者...

移動端JS 觸控事件基礎

一 手機上的觸控事件 基本事件 touchstart 手指剛接觸螢幕時觸發 touchmove 手指在螢幕上移動時觸發 touchend 手指從螢幕上移開時觸發 下面這個比較少用 touchcancel 觸控過程被系統取消時觸發 每個事件都有以下列表,比如touchend的targettouches...