div 事件透傳

2022-08-20 17:48:07 字數 420 閱讀 4023

有些時候,我們會想要把乙個 div 層覆蓋在另乙個 div 層上,要讓下層的 div 響應滑鼠事件而上層的不響應僅僅只做內容展示。

這種時候,我們就可以用到乙個 css 屬性:pointer-events,將其設定為 none 即可。

這個屬性很少用到,卻非常實用。省去了 js 裡判斷 event.target 的各種麻煩,節省了大量的時間。

這個屬性取值如下:

pointer-events: auto | none | visiblepainted | visiblefill | visiblestroke | visible | painted | fill | stroke | all | inherit
詳細的說明在 mdn 上有:點選這裡

可惜 ie 只從 ie9 開始支援,所以各位斟酌吧。

mobile 點透 傳透

點透 傳透 pc 的 click 事件 在移動端,會有 300 ms 的延遲。就是因為避免和手機雙擊行為發生衝突 當點選 非文字覆蓋區域 時,盒子正常消失。當點選 文字區域時,頁面發生跳轉。無論點選哪個區域,只要是點選盒子,盒子都消失,而不影響 a click 事件監聽,缺點 pc 端的 click...

透傳訊息和非透傳訊息

目前的訊息推送方式主要有兩種 通知和透傳。什麼是透傳?透傳即是透明傳送,即傳送網路無論傳輸業務如何,只負責將需要傳送的業務傳送到目的節點,同時保證傳輸的質量即可,而不對傳輸的業務進行處理。透傳訊息,就是訊息體格式及內容,對於傳遞的通道來說是不去過問的,通道只負責訊息的傳遞,對訊息不做任何處理,當客戶...

透傳服務搭建

與前ifconfig查到的網絡卡名稱一致 relay device eth0 listening ip 172.19.176.106 relay ip 172.19.176.106 relay ip 可以不設定,缺省會使用你的外網ip位址作為 包的中繼位址 listening port 3478 監...