當(dāng)前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
js 手机端触发事事件、javascript手机端/移动端触发事件
生活随笔
收集整理的這篇文章主要介紹了
js 手机端触发事事件、javascript手机端/移动端触发事件
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
處理Touch事件能讓你跟蹤用戶的每一根手指的位置。你可以綁定以下四種Touch事件:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | touchstart:??// 手指放到屏幕上的時(shí)候觸發(fā) touchmove:??// 手指在屏幕上移動(dòng)的時(shí)候觸發(fā) touchend:??// 手指從屏幕上拿起的時(shí)候觸發(fā) touchcancel:??// 系統(tǒng)取消touch事件的時(shí)候觸發(fā)。至于系統(tǒng)什么時(shí)候會(huì)取消,不詳 //屬性 client / clientY:// 觸摸點(diǎn)相對(duì)于瀏覽器窗口viewport的位置 pageX / pageY:// 觸摸點(diǎn)相對(duì)于頁面的位置 screenX /screenY:// 觸摸點(diǎn)相對(duì)于屏幕的位置 identifier:?// touch對(duì)象的unique ID //touchstart事件? function?touchSatrtFunc(e) {? ????//evt.preventDefault(); //阻止觸摸時(shí)瀏覽器的縮放、滾動(dòng)條滾動(dòng)等? ????var?touch = e.touches[0];?//獲取第一個(gè)觸點(diǎn)? ????var?x = Number(touch.pageX);?//頁面觸點(diǎn)X坐標(biāo)? ????var?y = Number(touch.pageY);?//頁面觸點(diǎn)Y坐標(biāo)? ????//記錄觸點(diǎn)初始位置? ????startX = x;? ????startY = y;? } //touchmove事件 function?touchMoveFunc(e) {? ????//evt.preventDefault(); //阻止觸摸時(shí)瀏覽器的縮放、滾動(dòng)條滾動(dòng)等? ????var?touch = evt.touches[0];?//獲取第一個(gè)觸點(diǎn)? ????var?x = Number(touch.pageX);?//頁面觸點(diǎn)X坐標(biāo)? ????var?y = Number(touch.pageY);?//頁面觸點(diǎn)Y坐標(biāo)? ????var?text =?'TouchMove事件觸發(fā):('?+ x +?', '?+ y +?')';? ????//判斷滑動(dòng)方向? ????if?(x - startX != 0) {? ????????//左右滑動(dòng)? ????}? ????if?(y - startY != 0) {? ????????//上下滑動(dòng)? ????}? }? |
轉(zhuǎn)載于:https://www.cnblogs.com/gopark/p/8822768.html
總結(jié)
以上是生活随笔為你收集整理的js 手机端触发事事件、javascript手机端/移动端触发事件的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: sqlite3数据库教程
- 下一篇: gradle idea java ssm