簡單小程序自身提供了相應的方法： 1. catchtap：和bindtap相對應，catchtap有着阻止事件冒泡的作用； 2. catchtouchmove：阻止浮層歡動穿透到頁面上，這里用到了scroll-view就順帶提一下，這是小程序組件視圖容器，表示可滾動視圖 ...

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

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

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

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

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

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

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