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

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

的元素上，觸發新元素的 click 事件或頁面跳轉，此現象稱為點擊穿透 解決方法一 阻止默認行為 ...

最近一直在忙於一個無線端的項目，由於之前主要工作都是在桌面端，移動端接觸的比較少，所以中間遇到了很多的坑，做一個簡單的記錄。 問題背景 需求中有這樣的一個功能，點擊取件信息的時候會彈出一個地址列表的浮層，用戶選擇地址之后會將具體的地址回填到取件信息當中去。按道理講，這是一個非常簡單的功能 ...

和app進行混合開發的時候，一個頁面使用h5寫的，按鈕上綁定click事件會觸發下面圖片上的a鏈接導致跳轉，頁面如圖 頂部是一個banner，分vr、視頻、圖片三部分，紅框處的三個nav按鈕綁定click事件使banner滾動到響應的部分，banner上有a鏈接用以跳轉詳情,nav ...

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

面試被問，一臉懵，被提示，還蒙，好丟臉的感覺。。。。趕緊百度了解 就是說重疊在一起的兩個元素，給上邊元素加這個屬性之后，再點擊上邊元素就可以觸發下邊元素的事件，即點擊穿透事件。 目前不了解用到的場景，以后遇到再來補充。。 和朋友討論后，朋友說可以用冒泡事件 冒泡的確可以，不過布局不太一樣 ...

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