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.笑花大王




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM