精品欧美一区二区三区在线观看 _久久久久国色av免费观看性色_国产精品久久在线观看_亚洲第一综合网站_91精品又粗又猛又爽_小泽玛利亚一区二区免费_91亚洲精品国偷拍自产在线观看 _久久精品视频在线播放_美女精品久久久_欧美日韩国产成人在线

深入了解iPad上的MouseEvent

移動開發 iOS
在iPad上(或者說各個移動終端上),你的WebAPP應該能處理好TouchEvent,而不再依賴于MouseEvent。然而如果你的WebAPP需要同時面向PC和iPad兩種平臺的瀏覽器用戶,而迫于時間或者人力配備你沒法分別提供兩種版本的時候。。。你也許有必要了解一下下面這些有關iPad上MouseEvent相關的細節,然后砍掉兩個平臺上有明顯差異的一些花哨特性,這樣才能做出一個較好地兼容兩個平臺的WebAPP。

iPad上沒有鼠標,所以手指在觸發觸摸事件(TouchEvent)的時候,系統也會產生出模擬的鼠標事件(MouseEvent)。
這對于普通網頁的瀏覽需求而言,基本可以做到與PC端瀏覽器無明顯差異。但是如果你正在做一款與用戶有著強交互的WebAPP程序,比如一個html5小游戲或者圖片處理工具什么的,那么依賴默認模擬恐怕不能滿足產品的需求。
一個通常的建議是:在iPad上(或者說各個移動終端上),你的WebAPP應該能處理好TouchEvent,而不再依賴于MouseEvent。
然而如果你的WebAPP需要同時面向PC和iPad兩種平臺的瀏覽器用戶,而迫于時間或者人力配備你沒法分別提供兩種版本的時候。。。你也許有必要了解 一下下面這些有關iPad上MouseEvent相關的細節,然后砍掉兩個平臺上有明顯差異的一些花哨特性,這樣才能做出一個較好地兼容兩個平臺的 WebAPP。     

在閱讀下文前,我假設你已經熟悉PC瀏覽器上MouseEvent的運作,也對TouchEvent有了粗略的了解。如果你并不了解,那理解以下各個細節可能有困難。

safari只對可點擊(clickable)的HTML元素才會產生MouseEvent。這在ADC文檔中也提到了。 什么叫可點擊,ADC文檔定義是只要HTML元素響應mousemove、mousedown、mouseup、click四種MouseEvent中的 一個就算是可點擊。如果你有個網頁菜單只響應mouseover、mouseout,那可能不能工作,加個onclick="void(0)"就行了。但 實際測試發現,只要響應任意一個MouseEvent就算可點擊了,估計safari已修正此問題。
注意:下文所有關于“可點擊”“不可點擊”的描述都是針對是否響應MouseEvent而言,而不是指TouchEvent。

與W3C規范建議的不同,iPad是在手指離開屏幕以后才可能會產生MouseEvent。 所以像手指單擊屏幕這種操作的實際事件序列通常 是:touchstart->touchend->mousemove->mousedown->mouseup->click; 而不是我們期望的這樣的時 序:touchstart->mousedown->touchend->mouseup->click。

手指快速單擊屏幕觸發的MouseEvent并不是緊跟在TouchEvent之后的,有一個時延。 這是為了等待可能的雙擊操作。iPad2 Safari的實測時延大約為375ms。所以實際時序大約是這樣的:(手指按下)touchstart->(手指快速提 起)touchend->(等待約375ms)mousemove->mousedown->mouseup->click。
這對WebAPP的直接影響就是由于從用戶操作完(手指提起)到onclick執行有375ms的延時,用戶總覺得你的軟件反應有點慢半拍。
但如果單擊速度較慢,即手指按下到提起之間的時延超過大約120ms,touchend到其他MouseEvent之間就不再會有這個375ms的時延。因為系統認為這已經不滿足手指快速雙擊操作的判定條件。

手指快速雙擊屏幕操作不會觸發任何MouseEvent。我 是說“任何”,就是說不光不會觸發dblclick事件,連mousedown、mouseup、click等等所有MouseEvent都不會有。本操 作默認的事件流是:touchstart->touchend->touchstart->touchend。如果頁面開發人員不做任 何限制,瀏覽器默認行為是嘗試縮放網頁。

一次手指單擊操作不會同時產生mouseover和(mousedown、mouseup、click)兩組事件。如 果一個響應mouseover事件的元素從渲染完畢或者上一次收到mouseout之后尚未收到mouseover事件,則單擊觸發的事件流 為:touchstart->touchend->mouseover->mousemove;反之,單擊觸發的事件流 為:touchstart->touchend->mousemove->mousedown->mouseup->click。
不響應mouseover事件的元素只會收到上述后一種事件流,這避免絕大多數鏈接需要手指點擊兩次才能跳轉頁面。

一個HTML元素收到mouseover之后,只有在手指點擊另一個可點擊的HTML元素時,才會收到mouseout事件。因 為沒有鼠標,所以不能像PC機上一樣在鼠標移入移除元素區域時觸發mouseover和mouseout事件,只能靠手指點擊來切換mouseover; 又因為不可點擊的元素不會觸發任何MouseEvent,所以只有在另一個HTML元素上觸發MouseEvent時前一個可點擊元素才會收到 mouseout事件。

手指在屏幕上移動,不會觸發大量的mousemove事件。如 第2點所說,只有在手指離開屏幕時,才可能產生MouseEvent消息,所以你只可能收到一次mousemove事件,包括本次操作觸發的其他所有 MouseEvent,坐標都是手指提起位置的坐標。所以在PC瀏覽器上通過mousemove實現的邏輯,在iPad上需要通過TouchEvent來 實現。

實測發現,似乎手指在屏幕上緩慢移動時,提起手指才會觸發MouseEvent;如果手指快速移動,則提起手指不會觸發任何MouseEvent。原因不明。

如果一個HTML元素響應TouchEvent,手指在該元素上按下并移動,即使手指移出該元素的區域,該元素仍然會收到touchmove事件,直到手指提起收到一個touchend結束。也就是說一個HTML元素通常總能收到一個完整的touchstart->(N個)touchmove->touchend事件序列,除非系統給它發出一個touchcancel事件。這跟PC瀏覽器上MouseEvent特性也不太相同。

一旦在一次手指操作的事件序列touchstart->(0-N個)touchmove->touchend中的任何一個事件函數里調用了event.preventDefault(),本次操作不再產生任何MouseEvent。所以不能期望在touchstart中調用preventDefault只阻止mousedown事件的產生。

以上各個特性在iPad2/iOS4.3.3的safari上測試驗證過,對于其他safari內核的瀏覽器(如QQ瀏覽器HD等)都是適用的。至于其他非safari內核的瀏覽器,在MouseEvent的支持上基本都不如safari完整和合理。例如Opera Mini只有手指單擊屏幕時產生MouseEvent,并且不支持TouchEvent;UC瀏覽器雖然將mousedown移到了touchstart 之后,但是手指移動后提起來卻不能產生mouseup事件。有興趣的可以做進一步測試。Android用戶也可以在Android平板電腦上做一些測試, 如果能將測試結果分享給我,我將非常感謝。

【 附錄及參考文檔】

1. 測試頁面鏈接:http://hokyhu.sinaapp.com/event_test.html
你還可以在這個頁面上體驗iPad強大的多點觸摸功能,試試看最多能檢測到幾個觸點。
2. W3C關于TouchEvent的技術草案:https://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html
該草案主要定義了TouchEvent相關的技術細節,并少量涉及TouchEvent與MouseEvent之間的配合。
3. ADC文檔:https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariWebContent/SafariWebContent.pdf
文檔在“Handling Events”這一章描述了對MouseEvent的支持。

責任編輯:閆佳明 來源: oschina
相關推薦

2010-11-19 16:22:14

Oracle事務

2020-09-21 09:53:04

FlexCSS開發

2009-08-25 16:27:10

Mscomm控件

2010-07-13 09:36:25

2010-06-23 20:31:54

2022-08-26 13:48:40

EPUBLinux

2020-07-20 06:35:55

BashLinux

2019-08-02 08:59:21

Token認證服務器

2017-01-20 08:30:19

JavaScriptfor循環

2019-11-29 16:21:22

Spring框架集成

2016-10-20 08:46:17

2021-09-03 08:27:47

FortinetSASE平臺安全

2018-02-24 13:21:02

2018-09-04 16:20:46

MySQ索引數據結構

2011-07-18 15:08:34

2010-11-15 11:40:44

Oracle表空間

2022-06-03 10:09:32

威脅檢測軟件

2010-11-08 13:54:49

Sqlserver運行

2018-06-22 13:05:02

前端JavaScript引擎

2021-04-28 10:13:58

zookeeperZNode核心原理
點贊
收藏

51CTO技術棧公眾號

久久久国产精品午夜一区ai换脸| 亚洲调教一区| 亚洲欧洲综合另类| 国产成人成网站在线播放青青| 91精品国产高潮对白| 亚洲精品中文字幕99999| 欧美日韩在线播| www成人免费| 日本电影一区二区在线观看| 免费视频最近日韩| 久久久亚洲成人| 免费人成又黄又爽又色| 日韩精品一级| 日韩欧美精品免费在线| 异国色恋浪漫潭| 日本一区视频| 国产999精品久久久久久绿帽| 国产91|九色| 日本精品在线免费观看| 欧美激情极品| 91麻豆精品国产91久久久| www.玖玖玖| 色网在线观看| 国产精品麻豆一区二区| 久久国产精品99久久久久久丝袜| 国产精品久久无码一三区| 国产农村妇女精品一二区| 久久精品国产成人| 亚洲精品国产熟女久久久| 成人台湾亚洲精品一区二区| 欧美午夜精品一区二区蜜桃 | 亚洲春色一区二区三区| 日韩中文字幕不卡| 欧美亚洲在线视频| 国产真实夫妇交换视频| 99热国内精品| 一区二区三区精品99久久| 扒开伸进免费视频| 成人激情久久| 欧美日本乱大交xxxxx| 国产成人无码一二三区视频| av影院在线免费观看| 亚洲综合色视频| 欧洲精品视频在线| 伦xxxx在线| 国产精品天干天干在观线| 玛丽玛丽电影原版免费观看1977| 黄色小视频免费在线观看| 国产精品亚洲午夜一区二区三区| 国产主播精品在线| 一级黄色免费看| 久久国产尿小便嘘嘘| 国产精品视频在线播放| 99re热视频| 美女脱光内衣内裤视频久久影院| 国产精品久久久久久av下载红粉| 免费av中文字幕| 久久免费国产| 国产精品劲爆视频| 中文亚洲av片在线观看| 美女一区二区三区| 91免费电影网站| 国产精品女同一区二区| 激情五月婷婷综合| 51国产成人精品午夜福中文下载| av免费观看网址| 高清不卡一区二区在线| 精品国产_亚洲人成在线| 无码国产精品高潮久久99| 91在线视频观看| 欧美一区国产一区| 欧美三级黄网| 一区二区免费视频| 成人一对一视频| 日韩电影免费观| 欧美日韩亚洲另类| 潘金莲一级淫片aaaaa| 在线视频亚洲欧美中文| 日韩精品高清视频| 永久免费毛片在线观看| **女人18毛片一区二区| 欧美激情videos| 日韩精品一区三区| 日韩激情一二三区| 成人免费网站在线| 熟妇人妻系列aⅴ无码专区友真希| 99久久婷婷国产综合精品| 日本高清一区| av在线app| 福利一区福利二区微拍刺激| 九九热在线免费| 欧美经典一区| 亚洲欧美日韩精品久久奇米色影视 | 久久一级黄色片| 男女精品视频| 91视频国产一区| 天堂网在线中文| 国产精品乱码一区二区三区软件| 国产在线xxxx| 日韩免费福利视频| 日韩欧美一级在线播放| 亚洲a v网站| 伊人青青综合网| 日本久久久a级免费| aaa国产视频| 国产无遮挡一区二区三区毛片日本| 一级全黄肉体裸体全过程| 蜜桃视频www网站在线观看| 欧美日韩一区二区三区高清| 日本一区二区免费视频| 成人在线视频免费观看| 高清欧美性猛交xxxx黑人猛交| 男操女视频网站| 菠萝蜜视频在线观看一区| 杨幂一区欧美专区| 蜜桃视频m3u8在线观看| 日韩一区二区免费在线观看| 老牛影视av老牛影视av| 激情婷婷欧美| 成人在线视频福利| 国产一级在线| 欧美日韩国产精品一区二区三区四区| 欧美一级特黄aaa| 精品日产免费二区日产免费二区| 久久国产精品久久国产精品| 超碰在线97观看| 26uuu国产在线精品一区二区| 真人做人试看60分钟免费| 成人国产在线| 亚洲丝袜在线视频| 欧美一区二区激情视频| 成人性生交大合| 一本色道久久88亚洲精品综合| 狂野欧美性猛交xxxx| 亚洲免费电影一区| 国产成人亚洲欧洲在线| 国产成a人无v码亚洲福利| 在线码字幕一区| 中文字幕系列一区| 亚洲午夜女主播在线直播| 国产农村妇女aaaaa视频| 99久久综合色| 日本少妇高潮喷水视频| 动漫视频在线一区| 欧美疯狂性受xxxxx另类| 一级做a爱片久久毛片| 中文在线资源观看网站视频免费不卡| 超碰网在线观看| 亚洲自拍电影| 国产成人啪精品视频免费网| 四虎永久在线观看| 五月激情综合网| 久久人妻一区二区| 一区二区日本视频| 欧美精品一区二区视频| 天天免费亚洲黑人免费| 国产亚洲a∨片在线观看| 免费看污视频的网站| 国产亚洲欧美在线| 欧美伦理片在线观看| 日韩欧美自拍| 国产美女久久久| 日本高清中文字幕在线| 欧美二区三区的天堂| 国产这里有精品| 成人福利视频在线| 久久久久久久久久久福利| 国产日产精品_国产精品毛片| 日本老师69xxx| 草草影院在线观看| 国产不卡精品在线| 狂野欧美一区| 欧美二区三区| 性欧美gay| 中文字幕欧美国内| 国产一区二区三区四区视频 | 久久久老熟女一区二区三区91| 在线亚洲欧美| 色综合视频二区偷拍在线| 992tv国产精品成人影院| 中文字幕精品www乱入免费视频| 亚洲综合网av| 亚洲一区电影777| 91精品国产自产| 日韩成人午夜精品| 欧洲金发美女大战黑人| 欧美爱爱网站| 国产精品久久久久高潮| 日韩影视在线| 国产性猛交xxxx免费看久久| 国产色综合视频| 精品美女国产在线| 国产极品视频在线观看| 国产不卡免费视频| 欧美综合在线观看视频| 久久久久久久久久久9不雅视频| 国产精品视频福利| 91福利精品在线观看| 欧美激情18p| 成人高清免费在线播放| 亚洲精品在线三区| 亚洲天堂中文字幕在线| 午夜精品aaa| www.com.av| 91亚洲永久精品| 波多野结衣网页| 日韩精品一卡二卡三卡四卡无卡| mm131午夜| 国产亚洲一区| 国产欧美日韩综合一区在线观看 | 成人欧美一区二区三区在线观看| 国偷自产一区二区免费视频 | 小草在线视频免费播放| 久久中文字幕在线| 国产特黄在线| 亚洲国产另类 国产精品国产免费| 在线观看国产精品视频| 欧美日韩激情网| 激情综合网五月天| 国产精品国产三级国产专播品爱网| 亚洲 欧美 日韩在线| 麻豆极品一区二区三区| 日韩av在线综合| 在线日本成人| 国产a级黄色大片| 久久国产电影| 五月天色一区| 在线一级成人| 精品国产免费久久久久久尖叫| 国产精品亚洲四区在线观看| 国产精品∨欧美精品v日韩精品| 国产美女一区视频| 色综合色综合网色综合| 免费大片黄在线| 中文字幕综合一区| 成年人视频在线看| 亚洲午夜未满十八勿入免费观看全集| 五十路在线观看| 亚洲国产精品久久久| 亚洲av永久纯肉无码精品动漫| 欧美精品久久久久久久多人混战 | 欧美精品亚洲二区| 黄色污污视频软件| 在线观看一区二区视频| 国产精品熟女视频| 在线亚洲一区观看| 波多野结衣视频在线看| 91高清视频在线| 天堂网一区二区| 91久久奴性调教| www.av88| 欧美精品在线观看一区二区| 亚洲天堂视频在线| 在线成人小视频| 99热这里只有精品5| 日韩欧美亚洲国产精品字幕久久久| 国产免费不卡av| 日韩区在线观看| 亚洲精品久久久狠狠狠爱| 精品粉嫩aⅴ一区二区三区四区| 国 产 黄 色 大 片| 亚洲精品久久久久久久久久久久 | 无码人妻精品一区二区三区不卡 | 蜜臀91精品国产高清在线观看| 九九九九久久久久| 深夜福利久久| 天天综合狠狠精品| 天天色天天射综合网| 国产一级大片免费看| 亚洲啪啪91| 精品www久久久久奶水| 美女在线视频一区| 三级网站免费看| 91亚洲午夜精品久久久久久| 亚洲成人黄色av| 亚洲美女精品一区| 亚洲视频免费播放| 91高清视频免费看| 国产wwwwwww| 国产午夜精品久久久| jizzjizz在线观看| 欧美xxxx综合视频| 五月天av在线| 国产一区红桃视频| 黄色欧美网站| 视频在线一区二区三区| 999久久久亚洲| 男女超爽视频免费播放| 久久久久久自在自线| 天堂av8在线| 99久久国产综合精品女不卡 | 亚洲综合偷拍欧美一区色| 成人在线免费看视频| 在线成人av影院| 青青青草原在线| 久久91亚洲精品中文字幕| 另类专区亚洲| 都市激情久久久久久久久久久| 精品国产一区二区三区久久久蜜臀 | 欧美又黄又嫩大片a级| 国产成人午夜精品影院观看视频 | 欧美一级本道电影免费专区| 欧美一区二区三区综合| 日本网站在线观看一区二区三区| av地址在线观看| 中文字幕精品一区| 五月天综合激情| 欧美一级日韩一级| www.成人.com| 欧美一级视频一区二区| 日韩国产在线不卡视频| 亚洲欧洲精品一区二区| 国产亚洲网站| 精品人妻一区二区免费| 中文字幕一区二区5566日韩| 国产中文字幕视频| 精品福利一二区| 国产1区在线| 国产精品人成电影在线观看| 香蕉久久99| 婷婷五月综合缴情在线视频| 国产一区二区成人久久免费影院 | 成人午夜福利视频| 精品国产一区二区三区久久久狼| 人人视频精品| 久久久久久久久四区三区| 欧美先锋影音| 亚洲视频在线不卡| 国产精品久久二区二区| 免费精品一区二区| 亚洲欧美日韩网| 精品丝袜在线| 精品网站在线看| 亚洲国产精品一区制服丝袜| 亚洲熟女乱综合一区二区| 中文字幕一区二区在线播放| 国产午夜无码视频在线观看| 国产丝袜一区二区三区免费视频| 免费成人在线电影| 国产日韩精品久久| 在线看片一区| 久久精品综合视频| 欧美日韩亚洲激情| 午夜av免费在线观看| 91av成人在线| 色综合久久中文| 日本不卡在线观看视频| 91片在线免费观看| 国产成人精品777777| 亚洲欧美日韩一区在线| 吞精囗交69激情欧美| 日韩高清在线播放| 蜜臀av一区二区在线免费观看 | 四虎影院在线域名免费观看| 国内偷自视频区视频综合| 精品三级在线观看视频| 免费看一级大黄情大片| 久久精品亚洲国产奇米99| jizz国产在线| 久久久av亚洲男天堂| 欧美成人精品一级| 青草视频在线观看视频| 91在线一区二区三区| 无码人妻丰满熟妇精品区| 国产一区二区三区18| 色综合视频一区二区三区44| 日本a级片在线观看| 成人avav影音| 无码人妻精品一区二区三区不卡| 色婷婷综合久久久久中文字幕1| 亚洲香蕉久久| 18黄暴禁片在线观看| 91麻豆精品一区二区三区| 精品国产www| 色综合导航网站| 欧美调教在线| 不卡的在线视频| 亚洲高清免费视频| 黄网在线观看| 51精品国产人成在线观看| 最新成人av网站| 东方伊人免费在线观看| 88在线观看91蜜桃国自产| 99热99re6国产在线播放| 日本午夜精品电影| 狠狠狠色丁香婷婷综合久久五月| 国产真实夫妇交换视频| 正在播放欧美一区| 成人盗摄视频| 黄色片视频在线| 亚洲午夜私人影院| 91在线看黄| 国产精品免费一区二区三区| 日韩国产欧美一区二区三区| 欧美高清视频一区二区三区| 亚洲欧美第一页| 日本在线成人| 天天干天天综合| 欧美日韩美女在线观看| caopon在线免费视频|