摘要:在觸摸設(shè)備上,事件從手指剛碰到屏幕就會觸發(fā),而事件則要晚一會兒才被觸發(fā)。觸發(fā)順序如下一次所以,如果想提升在觸摸設(shè)備下的用戶體驗(yàn),讓用戶覺得響應(yīng)非常迅速,應(yīng)該對頁面的觸摸事件進(jìn)行事件處理程序的注冊,而不應(yīng)再關(guān)注事件。
在觸摸設(shè)備上,touch事件從手指剛碰到屏幕就會觸發(fā),而click事件則要晚一會兒才被觸發(fā)。觸發(fā)順序如下:
touchstart
mouseover
mousemove(一次)
mousedown
mouseup
click
touchend
所以,如果想提升web在觸摸設(shè)備下的用戶體驗(yàn),讓用戶覺得響應(yīng)非常迅速,應(yīng)該對頁面的觸摸事件進(jìn)行事件處理程序的注冊,而不應(yīng)再關(guān)注click事件。
只注冊了click事件處理程序的按鈕:
Click Me
×CloseOK, you clicked me 2 times.
注冊了touchstart事件處理程序的按鈕:
touch me
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/105759.html
摘要:把事件統(tǒng)一起來處理用戶的輸入要用到事件。就這樣,提取了鼠標(biāo)觸摸屏觸控筆的共通之處,以方便開發(fā)跨設(shè)備的應(yīng)用。雖然是一個抽象,但它包含了鼠標(biāo)觸摸屏觸控筆的全部內(nèi)容。手指與觸摸屏的屏幕接觸著,認(rèn)定為。 跨設(shè)備的問題 平時(shí)我們在電腦上訪問的網(wǎng)頁,大部分情況下是用鼠標(biāo)來控制的。比如說鏈接跳轉(zhuǎn),就是鼠標(biāo)指針移動到鏈接文字或圖片的位置,然后點(diǎn)擊一下。又比如說滾動屏幕,滑動一下鼠標(biāo)滾輪就可以。 如果是...
摘要:把事件統(tǒng)一起來處理用戶的輸入要用到事件。就這樣,提取了鼠標(biāo)觸摸屏觸控筆的共通之處,以方便開發(fā)跨設(shè)備的應(yīng)用。雖然是一個抽象,但它包含了鼠標(biāo)觸摸屏觸控筆的全部內(nèi)容。手指與觸摸屏的屏幕接觸著,認(rèn)定為。 跨設(shè)備的問題 平時(shí)我們在電腦上訪問的網(wǎng)頁,大部分情況下是用鼠標(biāo)來控制的。比如說鏈接跳轉(zhuǎn),就是鼠標(biāo)指針移動到鏈接文字或圖片的位置,然后點(diǎn)擊一下。又比如說滾動屏幕,滑動一下鼠標(biāo)滾輪就可以。 如果是...
摘要:公司有觸控屏設(shè)備采用系統(tǒng),普通網(wǎng)頁打開后觸屏操控如滑動網(wǎng)頁沒有效果,需在網(wǎng)頁代碼中添加處理事件網(wǎng)頁的手勢滑動效果。所以在調(diào)用事件時(shí),要注意禁止縮放和滾動。其他地方基本與鼠標(biāo)事件是一致的。 公司有觸控屏設(shè)備采用WIN7系統(tǒng),普通網(wǎng)頁打開后觸屏操控如滑動網(wǎng)頁沒有效果,需在網(wǎng)頁代碼中添加JS處理touch事件網(wǎng)頁的手勢滑動效果。當(dāng)然首先需要webkit內(nèi)核支持touch事件。 以下內(nèi)容引用h...
摘要:事件與節(jié)點(diǎn)每個瀏覽器事件處理器被注冊在上下文中。事件對象雖然目前為止我們忽略了它,事件處理器函數(shù)作為對象傳遞事件對象。若事件處理器不希望執(zhí)行默認(rèn)行為通常是因?yàn)橐呀?jīng)處理了該事件,會調(diào)用事件對象的方法。 來源:ApacheCN『JavaScript 編程精解 中文第三版』翻譯項(xiàng)目原文:Handling Events 譯者:飛龍 協(xié)議:CC BY-NC-SA 4.0 自豪地采用谷歌翻譯 部分...
閱讀 2481·2021-10-11 10:57
閱讀 1347·2021-10-09 09:59
閱讀 2055·2019-08-30 15:53
閱讀 3256·2019-08-30 15:53
閱讀 1064·2019-08-30 15:45
閱讀 791·2019-08-30 15:44
閱讀 3500·2019-08-30 14:24
閱讀 1000·2019-08-30 14:21