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

應用場景 我們在 HTML 開發時可能會遇到這樣的情況：頁面上有一些元素使用絕對定位布局，這些元素可能會遮蓋住它們位置下方的某個元素的部分或者全部。默認情況下，下方元素被遮擋的部分是不會響應鼠標事件的。 但有時我們可能需要被遮蓋住的元素仍然能夠處理鼠標事件。 比如：我們在一個地圖組件上覆蓋 ...

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

問題 在做手機頁面的時候，遇到這樣一個問題： 點擊抽獎后，會出現一個彈框，點擊彈框上的"確定"按鈕，這時問題出現了，當確定按鈕和下邊的抽獎按鈕重合時，彈框隱藏，並且同時觸發了抽獎按鈕！！！ 這時就了解到：什么是事件穿透？點擊上面的一層時會觸發下面一層的事件。 zepto的tap ...

按鈕上綁定事件如下： 但是點擊nav按鈕的時候看不到banner滾動而是直接觸發下面ba ...

移動端touch事件穿透原因及解決辦法 2007 年初。蘋果公司在發布首款 iPhone 前夕，遇到一個問題：當時的網站都是為大屏幕設備所設計的。於是蘋果的工程師們做了一些約定，應對 iPhone 這種小屏幕瀏覽桌面端站點的問題。這當中最出名 ...

有的列表下面要加一層半透明漸變的蒙版，但那樣會導致蒙版下面的list無法點擊: 只需要給半透明元素添加css屬性：pointer-events:none,即可讓元素點擊事件失效，能直接點擊到蒙版下面的元素 ...

一、事件觸發順序 　　PC網頁上的大部分操作都是用鼠標的，即響應的是鼠標事件，包括mousedown、mouseup、mousemove和click事件。一次點擊行為，可被拆解成：mousedown -> mouseup -> click 三步。 　　手機上沒有鼠標，所以就用觸摸 ...