js的touch事件的實(shí)際引用
一開始做前端頁面的時候，接觸的也是js，但是隨后便被簡單高效的jquery吸引過去，并一直使用至今。
而js，則被我主觀的認(rèn)為底層技術(shù)而拋棄。
直到這幾天工作需要，研究移動端頁面的觸屏滑動事件，搜索jquery 的相應(yīng)技術(shù)支持實(shí)在繁瑣（當(dāng)然也可能是我對jquery的理解不夠），而js只需幾步簡單定義即可。
由于對js的了解比較少，最簡單的應(yīng)用我都試了很久……下面就分享下js的touch事件的實(shí)際引用：
$(function(){
document.addEventListener("touchmove", _touch, false);
})
function _touch(event){
alert(1);
}
以上代碼不可避免的使用了jquery的某些東西，不使用jquery的可以忽略之。
相應(yīng)的事件有：
touchstart:當(dāng)手指觸摸屏幕時觸發(fā)；即使已經(jīng)有一個手指放在了屏幕上也會觸發(fā)。
touchmove:當(dāng)手指在屏幕上滑動時連續(xù)的觸發(fā)。在這個事件發(fā)生期間，調(diào)用preventDefault()可阻止?jié)L動。
touchend:當(dāng)手指從屏幕上移開時觸發(fā)。
touchcancel:當(dāng)系統(tǒng)停止跟蹤觸摸時觸發(fā)。關(guān)于此事件的確切觸發(fā)事件，文檔中沒有明確說明。
以上事件的event對象上面都存在如下屬性：
touches:表示當(dāng)前跟蹤的觸摸操作的Touch對象的數(shù)組。
targetTouches:特定于事件目標(biāo)的Touch對象的數(shù)組。
changeTouches:表示自上次觸摸以來發(fā)生了什么改變的Touch對象的數(shù)組。
每個Touch對象包含下列屬性：
clientX:觸摸目標(biāo)在視口中的X坐標(biāo)。
clientY:觸摸目標(biāo)在視口中的Y坐標(biāo)。
identifier：表示觸摸的唯一ID。
pageX：觸摸目標(biāo)在頁面中的x坐標(biāo)。
pageY：觸摸目標(biāo)在頁面中的y坐標(biāo)。
screenX:觸摸目標(biāo)在屏幕中的x坐標(biāo)。
screenY:觸摸目標(biāo)在屏幕中的y坐標(biāo)。
target:觸摸的DOM節(jié)點(diǎn)坐標(biāo)
好吧，我其實(shí)也剛開始學(xué)，反正先把一些百度來的屬性記下來再說。
- 淺談移動端之js touch事件 手勢滑動事件
- 淺談javascript的Touch事件
- javascript移動設(shè)備Web開發(fā)中對touch事件的封裝實(shí)例
- js實(shí)現(xiàn)touch移動觸屏滑動事件
- javascript移動開發(fā)中touch觸摸事件詳解
- 移動設(shè)備手勢事件庫Touch.js使用詳解
- 手機(jī)端點(diǎn)擊圖片放大特效PhotoSwipe.js插件實(shí)現(xiàn)
- JS前端開發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作（小結(jié)）
- JS模仿手機(jī)端九宮格登錄功能實(shí)現(xiàn)代碼
- JS手機(jī)端touch事件計(jì)算滑動距離的方法示例
相關(guān)文章
這篇文章主要介紹了JS獲取及驗(yàn)證開始結(jié)束日期的方法.涉及javascript針對日期的獲取、比較及判斷等技巧,需要的朋友可以參考下2016-08-08
詳解用Webpack與Babel配置ES6開發(fā)環(huán)境
這篇文章主要介紹了詳解用Webpack與Babel配置ES6開發(fā)環(huán)境，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript實(shí)現(xiàn)經(jīng)典排序算法之插入排序
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)經(jīng)典排序算法之插入排序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
將數(shù)字轉(zhuǎn)換成大寫的人民幣表達(dá)式的js函數(shù)
將數(shù)字轉(zhuǎn)換成大寫的人民幣，方法有很多，本例介紹的是使用js來完成的，有需要的朋友可以參考下2014-09-09
這篇文章主要介紹了小程序指紋驗(yàn)證的實(shí)現(xiàn)代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了javaScript日期工具類的匯總，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
javascript編程開發(fā)中取色器及封裝$函數(shù)用法示例
這篇文章主要介紹了javascript編程開發(fā)中取色器及封裝$函數(shù),結(jié)合實(shí)例形式分析了javascript封裝$函數(shù)及數(shù)值運(yùn)算、頁面元素動態(tài)操作實(shí)現(xiàn)取色器功能相關(guān)技巧,需要的朋友可以參考下2017-08-08
現(xiàn)在很多網(wǎng)站都加了防注入系統(tǒng)代碼，你輸入注入語句將無法注入~~感覺這樣的防注入系統(tǒng)不錯，但防注入系統(tǒng)沒有注意到 Cookies 的問題！所以就有了Cookies注入~~2009-04-04
彈幕是一個很常見的功能,這篇文章主要給大家介紹了關(guān)于如何利用原生js模擬直播彈幕滾動效果的相關(guān)資料,文章通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2021-07-07
JavaScript 浮動定位提示效果實(shí)現(xiàn)代碼
本來想做一個集合浮動定位和鼠標(biāo)跟隨的tooltips效果，但發(fā)現(xiàn)定位和鼠標(biāo)跟隨在一些關(guān)鍵的地方還是不同的，還是分開來吧。2009-09-09