點擊某個元素顯示div,點擊頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派 ...
在網頁開發的過程中經常遇到的一個需求就是點擊一div內部做某些操作,而點擊頁面其它地方隱藏該div。比如很多導航菜單,當菜單展開的時候,就會要求點擊頁面其它非菜單地方,隱藏該菜單。 先從最簡單的開始,假如頁面有一個id為test的div,我們要實現點擊頁面其它地方隱藏該div: 對於這個問題一般有兩種思路,這兩種思路都會利用事件冒泡這一原理,想要詳細了解Javascript事件機制可以看看Java ...
2013-08-05 22:52 6 18876 推薦指數:
點擊某個元素顯示div,點擊頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派 ...
此文中有一個BUG,改進后點擊頁面其它地方將某個顯示的DIV隱藏(改進) 背景:今天一朋友問我“點擊一按鈕彈出一個DIV,然后要求點擊頁面其它地方隱藏這個DIV”。 先看效果: 點擊我 中文(簡體) English ...
1原生方法 // html <div id="box" style="width:110px;height:110px;background-color:red"></div> //js------js的contains方法用來查看dom元素的包含關系 ...
方法一: 通過監聽事件 方法二(比較好): 給最外層的div加個點擊事件 @click="userClick=false" 給點擊的元素上面加上:@click.stop="userClick=!userClick ...
方法一: 通過監聽事件 方法二(比較好): 給最外層的div加個點擊事件 @click="userClick=false" 給點擊的元素上面加上:@click.stop="userClick=!userClick" ...
web頁面常用的一個需求,寫下拉菜單是我們往往不是用select_option,而是自定義一個元素列出選項來滿足需求,當我們點擊按鈕出現菜單, 點擊按鈕或菜單以外頁面空白地方隱藏該菜單,這里提供一種簡單有效的方法僅供參考: 點擊button出現div菜單,再次點擊button ...