原文:【 js 片段 】點擊空白或者頁面其他地方,關閉彈框

Mark 的原理:判斷點擊事件發生在區域外的條件是: . 點擊事件的對象不是目標區域本身 . 事件對象同時也不是目標區域的子元素 原文地址:https: segmentfault.com q ...

2016-12-07 14:13 0 4418 推薦指數:

查看詳情

頁面彈出一個點擊外的其他地方消失

封裝的一個方法:點擊當前元素,逐級篩選其父元素是否包含某個類,如果有包含,返回true,如果沒有包含,返回false; 遇到的問題: 當選中這個的內容時,消失了。(本應該點擊以外的地方消失,但是鼠標選中彈框內容,觸發了點擊事件,並且e.target ...

Thu Aug 06 18:45:00 CST 2020 0 581
js 實現點擊空白關閉

使用場景:網站用戶頭像,點擊頭像,出現下拉,然后點擊下拉之外的空白,隱藏下拉。 直接上代碼: ...

Tue Nov 23 22:20:00 CST 2021 0 874
js點擊頁面其他地方如何隱藏div元素菜單

  web頁面常用的一個需求,寫下拉菜單是我們往往不是用select_option,而是自定義一個元素列出選項來滿足需求,當我們點擊按鈕出現菜單, 點擊按鈕或菜單以外頁面空白地方隱藏該菜單,這里提供一種簡單有效的方法僅供參考: 點擊button出現div菜單,再次點擊button ...

Tue Apr 25 22:19:00 CST 2017 0 9311
實現點擊頁面其他地方,隱藏div(vue)

方法一:     通過監聽事件 方法二(比較好):   給最外層的div加個點擊事件 @click="userClick=false"   給點擊的元素上面加上:@click.stop="userClick=!userClick" ...

Sat Jan 06 17:48:00 CST 2018 0 9210
實現點擊頁面其他地方,隱藏div(vue)

方法一:   通過監聽事件 方法二(比較好): 給最外層的div加個點擊事件 @click="userClick=false" 給點擊的元素上面加上:@click.stop="userClick=!userClick ...

Wed Nov 24 18:59:00 CST 2021 0 767
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM