touchmove和touchend的使用

2022-07-23 05:54:10 字數 394 閱讀 8333

touchstart:當手指觸控螢幕時觸發;即使已經有乙個手指放在了螢幕上也會觸發。

touchmove:當手指在螢幕上滑動時連續的觸發。在這個事件發生期間,呼叫preventdefault()可阻止滾動。

touchend:當手指從螢幕上移開時觸發。

touchcancel:當系統停止跟蹤觸控時觸發。關於此事件的確切觸發事件,文件中沒有明確說明。

jquery在使用這幾個事件的時候需要使用事件繫結,即:on或bind

如:有乙個按鈕button

js中**為:

$("button").on('touchstart',function

(e));

}).on('touchend',function

())

touchmove滑動選單

首先我們先把基礎樣式做出來 主容器的 overflow hidden 很重要不然就會導致如下圖的結果 重點是js的 首先獲取ul的class,以及設定乙個初始化的起始點和偏移距離,var ulbox document.getelementsbyclassname ulbox 0 var startx...

touchmove事件詳釋

用這個 測試1 2var div document.queryselector div 開始觸控 div.addeventlistener touchstart function e 1,記錄手指的起始位置 座標 2.記錄手指離開螢幕時的座標值 記錄手指在滑動過程中的座標值 3.計算兩個記錄的手指座...

Linux中touch和mkdir vi的區別

touch 建立空白文件,新增檔案 mkdir 建立乙個目錄 vi 同touch一樣,都是建立乙個空白文件 舉個栗子 touch w 此時建立乙個w的空白文件 file w 可以檢視文件w的屬性,此時顯示empty,表示確實是空白文件 mkdir w2 此時建立乙個w2的資料夾 file w2可以檢...