HTML5移动端触摸事件
工作了近一個月了 因為公司是主要偏向于移動端,開始不懂移動端事件 一直用的click ?click在安卓端沒有什么問題 但在IOS端就有問題了點擊之后會延遲半秒 ?多虧旁邊大神指點 原來 ?iOS上的Safari也支持click 和mouseover等傳統的交互事件,只是不推薦在iOS的瀏覽器應用上使用click和mouseover,因為這兩個事件是為了支持鼠標點擊而設計出來的。Click事件在iOS上會有半秒左右的延遲,原因是iOS要highlight接收到click的element。而mouseover/out等事件則會被手指的點擊觸發。所以,在iOS上,應當拋棄傳統的交互事件模型而接受一個新的事件模型。Touch事件和更高級的Gesture事件,能讓你的網頁交互起來像native應用一樣。以下是四大Touch事件。
touchstart: // 手指放到屏幕上的時候觸發 touchmove: // 手指在屏幕上移動的時候觸發 touchend: // 手指從屏幕上拿起的時候觸發 touchcancel: // 系統取消touch事件的時候觸發。至于系統什么時候會取消 不知道。。touch屬性
client / clientY:// 觸摸點相對于瀏覽器窗口viewport的位置 pageX / pageY:// 觸摸點相對于頁面的位置 screenX /screenY://觸摸點相對于屏幕的位置 identifier: // touch對象的unique ID——by.笑花大王
轉載于:https://www.cnblogs.com/xhds/p/5849090.html
總結
以上是生活随笔為你收集整理的HTML5移动端触摸事件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 调研《构建之法》指导下的历届作品
- 下一篇: GridView的一些常用属性: