在觸摸設備上比較觸摸事件與點擊事件

jackzou 發布于2019-08-26 10:12 / 3343人閱讀

摘要：在觸摸設備上，事件從手指剛碰到屏幕就會觸發，而事件則要晚一會兒才被觸發。觸發順序如下一次所以，如果想提升在觸摸設備下的用戶體驗，讓用戶覺得響應非常迅速，應該對頁面的觸摸事件進行事件處理程序的注冊，而不應再關注事件。

在觸摸設備上，touch事件從手指剛碰到屏幕就會觸發，而click事件則要晚一會兒才被觸發。觸發順序如下：

touchstart
mouseover
mousemove（一次）
mousedown
mouseup
click
touchend
所以，如果想提升web在觸摸設備下的用戶體驗，讓用戶覺得響應非常迅速，應該對頁面的觸摸事件進行事件處理程序的注冊，而不應再關注click事件。

只注冊了click事件處理程序的按鈕：

Click Me

×CloseOK, you clicked me 2 times.
注冊了touchstart事件處理程序的按鈕：

touch me

GPU云服務器云服務器觸摸事件屏幕觸摸事件的觸摸事件 js觸摸事件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105759.html

把鼠標、觸摸屏、觸控筆統一起來，Pointer Events介紹

摘要：把事件統一起來處理用戶的輸入要用到事件。就這樣，提取了鼠標觸摸屏觸控筆的共通之處，以方便開發跨設備的應用。雖然是一個抽象，但它包含了鼠標觸摸屏觸控筆的全部內容。手指與觸摸屏的屏幕接觸著，認定為。跨設備的問題平時我們在電腦上訪問的網頁，大部分情況下是用鼠標來控制的。比如說鏈接跳轉，就是鼠標指針移動到鏈接文字或圖片的位置，然后點擊一下。又比如說滾動屏幕，滑動一下鼠標滾輪就可以。如果是...

FleyX 2019-08-19 17:09 評論0 收藏0
把鼠標、觸摸屏、觸控筆統一起來，Pointer Events介紹

摘要：把事件統一起來處理用戶的輸入要用到事件。就這樣，提取了鼠標觸摸屏觸控筆的共通之處，以方便開發跨設備的應用。雖然是一個抽象，但它包含了鼠標觸摸屏觸控筆的全部內容。手指與觸摸屏的屏幕接觸著，認定為。跨設備的問題平時我們在電腦上訪問的網頁，大部分情況下是用鼠標來控制的。比如說鏈接跳轉，就是鼠標指針移動到鏈接文字或圖片的位置，然后點擊一下。又比如說滾動屏幕，滑動一下鼠標滾輪就可以。如果是...

elarity 2019-08-28 18:25 評論0 收藏0
WINDOWS系統下觸屏設備網頁實現滾動的touch事件處理

摘要：公司有觸控屏設備采用系統，普通網頁打開后觸屏操控如滑動網頁沒有效果，需在網頁代碼中添加處理事件網頁的手勢滑動效果。所以在調用事件時，要注意禁止縮放和滾動。其他地方基本與鼠標事件是一致的。公司有觸控屏設備采用WIN7系統，普通網頁打開后觸屏操控如滑動網頁沒有效果，需在網頁代碼中添加JS處理touch事件網頁的手勢滑動效果。當然首先需要webkit內核支持touch事件。以下內容引用h...

jhhfft 2019-08-19 18:15 評論0 收藏0
JavaScript 編程精解中文第三版十五、處理事件

摘要：事件與節點每個瀏覽器事件處理器被注冊在上下文中。事件對象雖然目前為止我們忽略了它，事件處理器函數作為對象傳遞事件對象。若事件處理器不希望執行默認行為通常是因為已經處理了該事件，會調用事件對象的方法。來源：ApacheCN『JavaScript 編程精解中文第三版』翻譯項目原文：Handling Events 譯者：飛龍協議：CC BY-NC-SA 4.0 自豪地采用谷歌翻譯部分...

Clect 2019-08-23 18:19 評論0 收藏0