麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

js的touch事件的實際引用

2019-11-20 14:03:03
字體:
來源:轉載
供稿:網友

一開始做前端頁面的時候,接觸的也是js,但是隨后便被簡單高效的jquery吸引過去,并一直使用至今。

而js,則被我主觀的認為底層技術而拋棄。

直到這幾天工作需要,研究移動端頁面的觸屏滑動事件,搜索jquery 的相應技術支持實在繁瑣(當然也可能是我對jquery的理解不夠),而js只需幾步簡單定義即可。

由于對js的了解比較少,最簡單的應用我都試了很久……下面就分享下js的touch事件的實際引用:

$(function(){document.addEventListener("touchmove", _touch, false);})function _touch(event){alert(1);}

以上代碼不可避免的使用了jquery的某些東西,不使用jquery的可以忽略之。

相應的事件有:

touchstart:當手指觸摸屏幕時觸發;即使已經有一個手指放在了屏幕上也會觸發。
touchmove:當手指在屏幕上滑動時連續的觸發。在這個事件發生期間,調用preventDefault()可阻止滾動。
touchend:當手指從屏幕上移開時觸發。
touchcancel:當系統停止跟蹤觸摸時觸發。關于此事件的確切觸發事件,文檔中沒有明確說明。

以上事件的event對象上面都存在如下屬性:
touches:表示當前跟蹤的觸摸操作的Touch對象的數組。
targetTouches:特定于事件目標的Touch對象的數組。
changeTouches:表示自上次觸摸以來發生了什么改變的Touch對象的數組。

每個Touch對象包含下列屬性:
clientX:觸摸目標在視口中的X坐標。
clientY:觸摸目標在視口中的Y坐標。
identifier:表示觸摸的唯一ID。
pageX:觸摸目標在頁面中的x坐標。
pageY:觸摸目標在頁面中的y坐標。
screenX:觸摸目標在屏幕中的x坐標。
screenY:觸摸目標在屏幕中的y坐標。
target:觸摸的DOM節點坐標

好吧,我其實也剛開始學,反正先把一些百度來的屬性記下來再說。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 免费在线观看国产精品 | 日本在线视 | 国产精品久久久久久久不卡 | 亚洲精品无码不卡在线播放he | 欧美精品99 | 欧美人与zoxxxx另类9 | 免费a级作爱片免费观看欧洲 | 最近中文字幕一区二区 | 国产一区二区免费 | 99在线热视频 | 91成人在线网站 | 久久福利小视频 | 亚洲精品无码不卡在线播放he | 亚洲婷婷日日综合婷婷噜噜噜 | 黄色网址免费在线 | av免费在线网 | 凹凸成人精品亚洲精品密奴 | h视频在线免费观看 | 露脸各种姿势啪啪的清纯美女 | 欧美成人做爰高潮片免费视频 | chinese 军人 gay xx 呻吟 | 国产精品99久久久久久宅女 | 欧美电影在线观看 | 一级做a爱视频 | 成人午夜免费在线观看 | 成人羞羞视频在线观看 | 久久九九热re6这里有精品 | 国产亚洲精品久久久久久久软件 | av手机在线电影 | 中国字幕av| 久久久久久久久久久久久久久久久久 | 欧美激情 在线播放 | 国产精品视频一区二区三区四区国 | 亚洲一区二区三区四区精品 | 日韩精品中文字幕在线观看 | 免费一级毛片电影 | 性猛aa久久久| 国产精品久久久乱弄 | 午夜精品成人一区二区 | 性少妇chinesevideo| 亚洲成人福利在线 |