在做移動端的頁面時，經常會遇到點擊（touch）一個彈出的層，在上面觸發點擊（touch）事件，當彈出層關閉之后點擊（touch）事件會穿透到下面的層，這時候如果下一層的某個元素也綁定了點擊（touch）事件，就會也一起被觸發，如何解決這所謂的bug？解決這一問題需要用到css3的新屬性 ...

前言 做過移動端H5頁面的同學肯定知道，移動端web的事件模型不同於PC頁面的事件。看了一些關於touch事件的文章，我想再來回顧下touch事件的原理，為什么通過touch可以觸發click事件，touch事件是不是萬能的以及它可能存在的問題。 touch事件的來源 PC網頁上的大部分操作 ...

一、背景 博主所負責其中一個項目是web頁面，在移動端上出現了事件穿透問題，開發介紹問題原因后，發覺是移動web一個知識點，值得記錄一下。 二、click與300ms延遲 移動瀏覽器提供一個特殊的功能：雙擊（double tap）放大 300ms的延遲就來自這里，用戶觸碰頁面之后，需要 ...

a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);} ...

1. 移動端點擊事件click出現延遲 工作中接觸了移動端，發現同事們都會用如下代碼去寫移動端的點擊事件，嘗試使用，屢試不爽，一旦沒有用下邊這段代碼，點擊事件就會出現各種各樣的問題，在連續使用了N多次之后（本人並沒有愛鑽研的精神~~有點兒懶），終於決定自己上網查一些資料，看看 ...

1.點透場景 層A覆蓋在層B上面，常見的有對話框等，層A用touchstart或者tap(zepto)事件點擊進行隱藏或者移開，由於click晚於touchstart，超過300ms，當層A隱藏后，click到的是下面的層B，此時層B的click事件會觸發，或者其上的a鏈接會跳轉，input ...

最近遇到一個很 巨惡心的問題 ios10下面 頁面彈窗有滾動穿透問題 各種google 終於找到了答案，但是體驗還不是很好，基本能忍受 廢話不多說，上方法 最后終於想到一個處理方案，就是第一種方案的升級版，需要配合JS，大致思路是彈窗顯示時JS讀取這時頁面的scrollTop ...

移動端300ms延遲原因 2007 年初。蘋果公司在發布首款 iPhone 前夕，遇到一個問題：當時的網站都是為大屏幕設備所設計的。於是蘋果的工程師們做了一些約定，應對 iPhone 這種小屏幕瀏覽桌面端站點的問題。 雙擊縮放(double tap to zoom)，這也是會有上述 300 ...