原文:點擊頁面其它地方將某個顯示的DIV隱藏

此文中有一個BUG,改進后點擊頁面其它地方將某個顯示的DIV隱藏 改進 背景:今天一朋友問我 點擊一按鈕彈出一個DIV,然后要求點擊頁面其它地方隱藏這個DIV 。 先看效果: 點擊我 中文 簡體 English 點擊我,不隱藏語言列表,需要自己隱藏DIV 實現也很簡單,但需要注意的是,在點擊顯示的事件中,需要做阻止事件冒泡的處理,否則就觸發頁面的點擊事件了。但這樣做也有一個缺點,即如果同一個頁面 ...

2012-07-12 15:09 2 3707 推薦指數:

查看詳情

點擊頁面其它地方隱藏div所想到的jQuery的delegate

在網頁開發的過程中經常遇到的一個需求就是點擊div內部做某些操作,而點擊頁面其它地方隱藏div。比如很多導航菜單,當菜單展開的時候,就會要求點擊頁面其它非菜單地方隱藏該菜單。 先從最簡單的開始,假如頁面有一個id為test的div,我們要實現點擊頁面其它地方隱藏div ...

Tue Aug 06 06:52:00 CST 2013 6 18876
實現點擊頁面其他地方隱藏div(vue)

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

Wed Nov 24 18:59:00 CST 2021 0 767
實現點擊頁面其他地方隱藏div(vue)

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

Sat Jan 06 17:48:00 CST 2018 0 9210
js點擊頁面其他地方如何隱藏div元素菜單

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

Tue Apr 25 22:19:00 CST 2017 0 9311
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM