精品欧美一区二区三区在线观看 _久久久久国色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技術棧公眾號

日本黄色一级视频| 成人免费看aa片| 丁香高清在线观看完整电影视频| 97久久精品人人爽人人爽蜜臀| 国产成人极品视频| 欧美性x x x| 欧美激情久久久久久久久久久| 91福利国产精品| 无码人妻精品一区二区蜜桃百度| 日本国产在线| 国产精品资源在线| 日本亚洲欧美三级| 久久综合亚洲色hezyo国产| 国产欧美高清视频在线| 欧美一区二区三区男人的天堂| 日韩精品―中文字幕| 麻豆传媒在线免费| 久久人人超碰精品| 97人人模人人爽人人少妇| 无码人妻精品一区二区| 午夜久久99| 中文字幕久久亚洲| 丰满少妇一区二区三区| 久久av网站| 欧美在线观看18| 极品美女扒开粉嫩小泬| av免费看在线| 国产精品三级视频| 欧美久久综合性欧美| 欧美特黄一级视频| 国产乱人伦偷精品视频不卡| 国产精品免费在线免费 | 99国产精品久久一区二区三区| 欧美亚洲精品一区| 日本毛片在线免费观看| 丁香花高清在线观看完整版| 一区二区三区中文字幕电影| 自拍另类欧美| 色的视频在线免费看| 国产情人综合久久777777| 激情视频一区二区| 亚洲国产综合网| 国产精品自拍av| 91网在线免费观看| 97超碰资源站| 久久99精品一区二区三区三区| 国产精品久久精品| 亚洲国产精品无码久久久| 国产农村妇女精品一二区| 国内外成人免费激情在线视频| 亚洲熟女www一区二区三区| 四季av一区二区三区免费观看| 有码中文亚洲精品| 午夜时刻免费入口| 成人精品影院| 日韩在线观看免费全集电视剧网站 | 天天爽夜夜爽夜夜爽精品| 亚洲片区在线| 2019av中文字幕| 久久久久99精品成人片三人毛片| 亚洲一区二区免费看| 欧美在线视频a| 四虎成人在线观看| 日本欧美一区二区三区乱码| 国产精品一区二区久久国产| 一级片aaaa| 国产一区二区三区在线观看免费视频 | 成人国产精品免费观看动漫 | 三级在线观看网站| 99久久精品国产一区二区三区| 国产精品一级久久久| 亚洲 精品 综合 精品 自拍| 国产亚洲欧美在线| 亚洲精品一区二| 国产福利视频在线| 亚洲高清一区二区三区| 国产激情在线观看视频| 精品69视频一区二区三区| 337p亚洲精品色噜噜狠狠| 久久久国产精品久久久| 北条麻妃一区二区三区在线| 亚洲欧美制服中文字幕| 欧美xxxx精品| 欧美精品福利| 国产ts人妖一区二区三区| 国产日韩久久久| 国产一区二区三区不卡在线观看 | 欧美视频综合| 中文字幕一区不卡| 无码粉嫩虎白一线天在线观看 | 中文一区在线| 国产精品丝袜白浆摸在线 | 黄色三级中文字幕| 亚洲伊人av| 欧美男同性恋视频网站| 日韩av无码一区二区三区不卡| 国产成人手机高清在线观看网站| 中文字幕欧美日韩| 国产无套粉嫩白浆内谢| 青青青伊人色综合久久| 国产精品日韩欧美一区二区| 国产98在线| 亚洲成在人线在线播放| 中文字幕av专区| 欧美自拍一区| 欧美成人中文字幕| 91青青草视频| 成人avav在线| 国产av第一区| 97人人做人人爽香蕉精品| 欧美mv和日韩mv国产网站| 欧美福利第一页| 亚洲视频www| 99re视频在线播放| 在线观看免费黄色| 色视频成人在线观看免| 北京富婆泄欲对白| 国产精品久久久久久久免费观看| 国产成人av网| 色婷婷激情五月| 亚洲男同性恋视频| 91看片在线免费观看| 色先锋久久影院av| 欧美激情一区二区三区久久久| 中文字幕精品一区二| 91麻豆精品一区二区三区| 免费高清一区二区三区| 久久国产精品美女| 日韩综合视频在线观看| 亚洲午夜在线播放| 久久九九久久九九| 加勒比成人在线| 日本亚洲视频| 久青草国产97香蕉在线视频| 夜夜躁很很躁日日躁麻豆| 国产日韩欧美精品在线| 丝袜老师办公室里做好紧好爽| 国产乱论精品| 久久乐国产精品| 亚洲精品字幕在线观看| 亚洲激情第一区| www.污网站| 你懂的国产精品永久在线| 国产免费一区视频观看免费| 亚洲精品承认| 欧美久久一二区| 成年人二级毛片| 精久久久久久久久久久| 一区二区三区四区欧美日韩| 涩涩涩久久久成人精品| 日韩专区在线观看| 国产精品视频一二区| 亚洲色图一区二区三区| 熟妇无码乱子成人精品| 亚洲午夜精品一区 二区 三区| 91精品啪aⅴ在线观看国产| 日本三级视频在线观看| 制服丝袜国产精品| 国产少妇在线观看| 国产91丝袜在线播放| 加勒比成人在线| 亚洲最大在线| 国产精品专区一| 青青在线视频| 亚洲电影av在线| 黄色在线观看国产| 国产精品美女一区二区在线观看| 亚洲午夜精品一区| 欧美aⅴ99久久黑人专区| 国产精品对白刺激久久久| aa视频在线观看| 亚洲午夜未满十八勿入免费观看全集| 久久久久久av无码免费看大片| 国产精品成人免费在线| 日本xxxx免费| 亚洲欧美日韩综合国产aⅴ| 五码日韩精品一区二区三区视频| 成年永久一区二区三区免费视频 | 欧美日韩中文视频| www久久精品| 自拍偷拍21p| 国内精品久久久久国产盗摄免费观看完整版| 国产麻豆乱码精品一区二区三区| xx欧美xxx| 日韩中文字幕网站| 韩国av在线免费观看| 色菇凉天天综合网| 在线看的片片片免费| 91亚洲国产成人精品一区二三| 欧美 日韩 国产 激情| 欧美成人久久| 秋霞毛片久久久久久久久| 粉嫩一区二区三区在线观看| 97超级碰碰碰久久久| 91短视频版在线观看www免费| 欧美成人猛片aaaaaaa| av片免费观看| 亚洲一区电影777| 国产在线免费av| 成人毛片视频在线观看| av网站在线不卡| 一区二区国产精品| 中国女人做爰视频| 精品在线99| 国外成人在线视频网站| 免费视频观看成人| 欧美最猛性xxxxx亚洲精品| 最新av在线播放| 中文字幕日韩精品在线| 五月天婷婷社区| 日韩午夜三级在线| 中文字幕人妻精品一区| 欧美日韩国产中文字幕 | 精品久久久久久久中文字幕| 91精品一区二区三区蜜桃| 久久一夜天堂av一区二区三区 | 久久亚洲精品国产精品紫薇| 天堂网成人在线| 免费在线观看日韩欧美| 亚洲乱码中文字幕久久孕妇黑人| 欧美国产日本| 成人短视频在线看| 日韩一区自拍| 日韩欧美精品一区二区| 台湾色综合娱乐中文网| 动漫3d精品一区二区三区| 伊人久久大香伊蕉在人线观看热v 伊人久久大香线蕉综合影院首页 伊人久久大香 | 久久久久中文字幕2018| 黄色网址在线免费观看| 日韩在线视频网站| 春暖花开成人亚洲区| 亚洲美女精品成人在线视频| 香蕉视频黄在线观看| 欧美不卡一区二区三区| 99视频国产精品免费观看a| 欧美精品日韩一本| 在线观看免费观看在线| 欧美性色欧美a在线播放| 日韩精品久久久久久免费| 欧美午夜女人视频在线| 91九色丨porny丨肉丝| 亚洲aⅴ怡春院| 日韩精品乱码久久久久久| 亚洲国产视频直播| 国产性70yerg老太| 亚洲一区欧美一区| 国产在线一二区| 精品久久久国产精品999| 久久久久久久久影院| 欧美网站在线观看| 国产无遮挡又黄又爽| 五月婷婷激情综合| 一本一道无码中文字幕精品热| 欧美午夜电影在线| 日韩xxx视频| 欧美美女一区二区在线观看| 国产精品自产拍| 日韩一区二区三区av| 亚洲欧美另类一区| 亚洲精品成人久久电影| 色资源在线观看| 最新91在线视频| 26uuu亚洲电影在线观看| 午夜精品一区二区三区av| 国产伦理精品| 国产成人一区二区| 亚洲一区二区三区久久久| 国产精品毛片va一区二区三区| 亚洲电影一级片| 亚洲国产精品久久久久婷婷老年| 91精品久久久久久久蜜月| 免费一级淫片aaa片毛片a级| 亚洲欧美大片| 欧美女同在线观看| 丁香婷婷综合网| 国产一区二区三区四区五区六区| 国产精品麻豆网站| 国产盗摄x88av| 欧美日韩中文字幕在线视频| 中文字幕永久在线观看| 日韩久久精品一区| 无码国产精品一区二区免费16 | caopo在线| 欧美在线视频导航| 高清精品久久| 牛人盗摄一区二区三区视频| 99久久亚洲精品蜜臀| 高清欧美精品xxxxx| 美腿丝袜亚洲一区| 中文视频在线观看| 国产偷v国产偷v亚洲高清| 麻豆chinese极品少妇| 欧美午夜视频在线观看| www.久久网| 亚洲国产精品久久精品怡红院| 国产中文在线视频| 欧美激情va永久在线播放| 亚洲电影有码| 久久精品中文字幕一区二区三区| 欧美成人自拍| 黄色国产精品视频| 国产激情视频一区二区在线观看| 实拍女处破www免费看| 亚洲精品国久久99热| 欧美日韩在线视频播放| 精品国产成人在线影院| 午夜在线小视频| 青青草99啪国产免费| 成人动态视频| 97超碰人人爱| 毛片av一区二区| 成人午夜剧场视频网站| 亚洲国产欧美在线| 国产成人精品毛片| 中文在线不卡视频| 精品3atv在线视频| 精品无人乱码一区二区三区的优势| 91精品久久久久久久久久不卡| 少妇网站在线观看| 久久久久高清精品| 欧美一二三区视频| 欧美不卡在线视频| 影音先锋男人在线资源| 国产日韩欧美日韩大片| 成人羞羞视频在线看网址| 女人扒开屁股爽桶30分钟| 成人教育av在线| 久久久一二三区| 日韩精品一区二区三区在线播放| 欧美jizzhd欧美| 国产精品爽爽爽| 成人免费电影网址| 婷婷六月天在线| 欧美国产亚洲另类动漫| 国产亚洲欧美在线精品| 亚洲精美色品网站| 成人一级福利| 久久99精品国产一区二区三区| 一本色道久久综合亚洲精品高清 | 久久99爱视频| 国产精品网站在线观看| 中文字幕a级片| 社区色欧美激情 | crdy在线观看欧美| 米仓穗香在线观看| 国产成人午夜视频| 久久亚洲AV无码| 亚洲第一区在线观看| 538在线精品| 久久久久一区二区三区| 丝袜美腿亚洲色图| 丁香花五月婷婷| 88在线观看91蜜桃国自产| 成人黄色网址| 国产精品国产三级国产专区53 | 色综合久久天天| 九色网友自拍视频手机在线| 国产精品av网站| 欧美疯狂party性派对| 国产永久免费网站| 一区二区在线观看视频在线观看| 亚洲精品综合网| 538国产精品一区二区免费视频| 久久91麻豆精品一区| 污色网站在线观看| 一区二区三区蜜桃网| 色婷婷av一区二区三| 国产成人精品免费久久久久| 久久免费av| 亚洲av无码一区东京热久久| 激情久久av一区av二区av三区| 黄色毛片在线看| 91日本在线视频| 亚洲日本视频| 手机毛片在线观看| 日韩一级大片在线观看| 狠狠操一区二区三区| 日韩欧美三级电影| 国产一区二区剧情av在线| 日本少妇bbwbbw精品| 亚洲性xxxx| 秋霞一区二区| 超碰影院在线观看| 有码一区二区三区| 欧洲伦理片一区 二区 三区| 成人欧美一区二区三区黑人孕妇| 激情综合电影网| 538精品视频| 精品裸体舞一区二区三区| 91精品店在线| 福利视频免费在线观看| 中文乱码免费一区二区| 日韩一卡二卡在线| 91日本在线观看| 日韩av成人高清| 日本熟妇毛茸茸丰满| 日韩一中文字幕| 综合国产视频| 亚洲少妇一区二区| 欧美日韩一区高清|