用opacity方法來隱藏元素後,照樣可以觸發繫結在其身上的點選事件

家裡的喵發表於2020-12-14

今天運營小姐姐跑過來的時候,說要把一個左上角的“規則”圖示隱藏掉,於是乎,我就用opacity:0;隱藏掉了元素,釋出到了線上。
在這裡插入圖片描述
過了一會兒時間,運營小姐姐跑過來說,雖然規則圖示看不見了,但是點選的話,照樣能觸發彈窗,要求再改動,點選那塊空白的地方,不能有彈窗出現。
我後面用了display:none隱藏掉了此元素,再點選發現沒有任何反應,完成了此小姐姐的需求。

總結:用opacity方法來隱藏元素後,照樣可以觸發繫結在其身上的點選事件,建議用display來做。

相關文章