點擊穿透 touch 事件結束后會默認觸發元素的 click 事件，如沒有設置完美視口，則事件觸發的時間間隔為 300ms 左右，如設置完美視口則時間間隔為 30ms 左右（備注：具體的時間也看設備的特性）。 如果 touch 事件隱藏了元素，則 click 動作將作用到新 ...

穿透（點穿）是在mobile各種瀏覽器上發生的常見的bug。可能是由click事件的延遲(300ms)或者事件冒泡導致 現象：在A頁面中有個 btn1<或a標簽>，在B頁面中有個 btn2，btn1和btn1都在屏幕同一個位置，兩個按鈕都有綁有自己的點擊事件。btn1的click事件 ...

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

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

移動端點透點透現象出現的場景: 當A/B兩個層上下z軸重疊，上層的A點擊后消失或移開（這一點很重要），並且B元素本身有默認click事件（如a標簽）或綁定了click事件。在這種情況下，點擊A/B重疊的部分，就會出現點透的現象。 點透現象出現的原因： zepto的tap事件是通過兼聽 ...

　　最近做微信公眾號開發的時候遇到一個問題，上線后發現此問題后檢查代碼沒有發現問題，無奈只能回滾到上一個版本。 　　問題是這樣的：頁面一個選擇的浮層，在浮層點擊確定后，下面的頁面會自動提交 　　 　　在測試環境上無法重現，也不可能用正式環境測試問題，百撕不得騎姐之際，突然想到這個現象十分 ...

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

問題描述：使用小程序的modal組件實現遮罩層效果時，會出現滾動穿透的問題，即遮罩層后面的頁面依舊可以滾動。 解決方案： 　　給底層頁面動態添加 position:fixed; 代碼： wxml： <modal class="mask" wx ...