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

在網頁開發的過程中經常遇到的一個需求就是點擊一div內部做某些操作,而點擊頁面其它地方隱藏該div。比如很多導航菜單,當菜單展開的時候,就會要求點擊頁面其它非菜單地方,隱藏該菜單。 先從最簡單的開始,假如頁面有一個id為test的div,我們要實現點擊頁面其它地方隱藏該div: 對於這個問題一般有兩種思路,這兩種思路都會利用事件冒泡這一原理,想要詳細了解Javascript事件機制可以看看Java ...

2013-08-05 22:52 6 18876 推薦指數:

查看詳情

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

此文中有一個BUG,改進后點擊頁面其它地方將某個顯示的DIV隱藏(改進) 背景:今天一朋友問我“點擊一按鈕彈出一個DIV,然后要求點擊頁面其它地方隱藏這個DIV”。 先看效果: 點擊我 中文(簡體) English ...

Thu Jul 12 23:09:00 CST 2012 2 3707
實現點擊頁面其他地方隱藏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