點擊穿透事件-----CSS新屬性


面試被問,一臉懵,被提示,還蒙,好丟臉的感覺。。。。趕緊百度了解

.noclick{
   pointer-events: none;  /* 上層加上這句樣式可以實現點擊穿透 */
}

就是說重疊在一起的兩個元素,給上邊元素加這個屬性之后,再點擊上邊元素就可以觸發下邊元素的事件,即點擊穿透事件。
目前不了解用到的場景,以后遇到再來補充。。

和朋友討論后,朋友說可以用冒泡事件
冒泡的確可以,不過布局不太一樣
冒泡的話需要給兩個重疊的元素設置父元素,直接給父元素添加點擊事件就可以
也是一種思路。

當時聽到‘點擊穿透’一下蒙了,根本沒聽過,哎,吃了心理素質不好的虧。。。
以后這種情況還是要和面試官確認場景,冷靜下來,用自己熟悉的操作實現它

加油,奧利給


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM