用opacity方法來隱藏元素後,照樣可以觸發繫結在其身上的點選事件
今天運營小姐姐跑過來的時候,說要把一個左上角的“規則”圖示隱藏掉,於是乎,我就用opacity:0;隱藏掉了元素,釋出到了線上。
過了一會兒時間,運營小姐姐跑過來說,雖然規則圖示看不見了,但是點選的話,照樣能觸發彈窗,要求再改動,點選那塊空白的地方,不能有彈窗出現。
我後面用了display:none隱藏掉了此元素,再點選發現沒有任何反應,完成了此小姐姐的需求。
總結:用opacity方法來隱藏元素後,照樣可以觸發繫結在其身上的點選事件,建議用display來做。
相關文章
- JQuery on()方法繫結動態元素的點選事件無響應的解決辦法jQuery事件
- CSS隱藏元素方法CSS
- Vue事件獲取觸發事件物件和繫結事件物件Vue事件物件
- html中javascript點選事件後顯示或隱藏某些元素時需要點選兩次才生效的原因分析和最佳化HTMLJavaScript事件
- JS給全域性繫結事件以及給除某個元素外的其他元素繫結事件JS事件
- 使用 hide和 show方法來隱藏和顯示 HTML 元素IDEHTML
- 企圖為vuex新增發布訂閱:事件繫結和事件觸發Vue事件
- jQuery點選頁面其他地方隱藏指定元素詳解jQuery
- 動態生成的html元素繫結click事件HTML事件
- jQuery實現DOM元素事件動態繫結jQuery事件
- 用Kotlin實現Android點選事件的方法KotlinAndroid事件
- 小程式如何避免多次點選,重複觸發事件事件
- 隱藏元素兩種方式
- CSS 小結筆記之元素的隱藏與顯示CSS筆記
- vue點選空白區域,下拉選單隱藏Vue
- 滑鼠點選區域外 彈框隱藏
- 事件繫結和樣式規定的原則事件
- ListView的HeaderView包含的GridView滑動隱藏後無法點選問題分析ViewHeader
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- 【CSS】CSS 世界 — 元素的顯示與隱藏學習總結CSS
- 怎麼隱藏選單欄的應用圖示?方法在這裡!
- jQuery隱藏一個div元素jQuery
- jQuery 判斷元素是否隱藏jQuery
- 事件繫結事件
- CSS點選隱藏和顯示div效果CSS
- select下拉選項,點選時,change事件事觸發多次,請求多次。事件
- 聊聊Flutter中的點選空白處隱藏鍵盤Flutter
- jQuery實現簡單點選隱藏和點選顯示列表的功能jQuery
- 有趣的css—隱藏元素的7種思路CSS
- 怎樣用純CSS實現禁止滑鼠點選事件?CSS事件
- React事件繫結幾種方法測試React事件
- GridView繫結資料與隱藏指定控制元件(模板列)View控制元件
- 使用CSS隱藏元素滾動條CSS
- 元素的隱藏和顯示(display ,visibility ,overflow)
- JSX繫結事件JS事件
- JavaScript 事件繫結JavaScript事件
- js on繫結事件JS事件
- React事件繫結的方式React事件