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...