新手指南JS手機觸摸屏的事件用法詳解-js教程-網頁制作

香港交友討論區HkEasyChat

 找回密碼
 新會員註冊
..
喜歡本頁?立即SHARE


香港交友討論區HkEasyChat»論壇forum Hkeasychat電腦網絡 Blog/網頁設計程式區 JS手機觸摸屏的事件用法詳解-js教程-網頁制作
您正在討論區的: JS手機觸摸屏的事件用法詳解-js教程-網頁制作
查看: 90|回復: 0
收起左側

JS手機觸摸屏的事件用法詳解-js教程-網頁制作

[複製鏈接]

簽到天數: 2 天

連續簽到: 1 天

[LV.1]初來乍到

評論頭像

現在智能手機火爆了,我們都是觸摸屏事的,那麼我們以前js寫法是無法滿足一些要求了,下面我來給大家介紹幾個JS手機觸摸屏的事件用法
處理Touch事件能讓你跟蹤用戶的每一根手指的位置。你可以綁定以下四種Touch事件︰
一、
touchstart:// 手指放到屏幕上的時候觸發
touchmove:// 手指在屏幕上移動的時候觸發
touchend:// 手指從屏幕上拿起的時候觸發
touchcancel:// 系統取消touch事件的時候觸發。至于系統什麼時候會取消,不詳
二、
client / clientY︰// 觸摸點相對于瀏覽器窗口viewport的位置
pageX / pageY︰// 觸摸點相對于頁面的位置
screenX /screenY︰// 觸摸點相對于屏幕的位置
identifier︰>// touch對象的unique ID
三,
每個Touch對象包含下列屬性。
clientX:觸摸目標在視口中的X坐標。
clientY:觸摸目標在視口中的Y坐標。
identifier︰表示觸摸的唯一ID。
pageX︰觸摸目標在頁面中的x坐標。
pageY︰觸摸目標在頁面中的y坐標。
screenX:觸摸目標在屏幕中的x坐標。
screenY:觸摸目標在屏幕中的y坐標。
target:觸摸的DOM節點坐標。

代碼如下復制代碼

  
  
  
  
touches


  

  


  
  
二、手勢事件︰
gesturestart: 當一個手指按在屏幕上,另一個手指有觸發屏幕時,觸發;
gestureend: 當你的任何一個手指從屏幕上移開的時候,觸發;
gesturechange: 當觸摸屏幕的任何一個手指發生變化的時候,觸發;
在事件對象這里,其他的都還一樣,在手勢這里多了兩個很有用的東西︰
一個是rotation: 手指變化引起的旋轉角度,順時針為正的,逆時針為負的;
還有一個scale: 兩個手指之間的距離變化;


代碼如下復制代碼

  
  
  
gesture


  

  


  
  
現在jquery提供了一個非常不錯的jquery手機插件,就是jquery mobile了,使用它就可以很方便哦。
[/td] [/tr]        [/table]





系統自動相關推薦tag:forum,交友,alexa



上一篇︰JavaScript變量的聲明學習筆記-js教程-網頁制作
下一篇︰js cookie操作(讀取、刪除、設置、過期)-js教程-網頁制作
+10
如您覺得" JS手機觸摸屏的事件用法詳解-js教程-網頁制作 "很膠,請share出去
您正在回覆: JS手機觸摸屏的事件用法詳解-js教程-網頁制作
您需要登錄後才可以回帖 登錄 | 新會員註冊

本版積分規則

回post預設係匿名,如唔想匿名回post請會員自己勾走

閱讀版|閱讀版大量|純文字網頁|香港交友討論區

Copyright © 香港交友討論區HKEASYCHAT Co. All Rights Reserved
香港廣告銷售No.1

手機版|論壇聯絡
HK ADVERTISEMENT 2015 GOLDEN REWARDS

GMT+8, 22-5-2018 04:51 AM

快速回復 返回頂部 返回列表
保持討論區活躍高登錄一齊討論啦~ hkeasychat