css html <div class="bl_rencai_32"> <input type="text" name="" value=""> <span>-</span> ...
此文中有一個BUG,改進后點擊頁面其它地方將某個顯示的DIV隱藏 改進 背景:今天一朋友問我 點擊一按鈕彈出一個DIV,然后要求點擊頁面其它地方隱藏這個DIV 。 先看效果: 點擊我 中文 簡體 English 點擊我,不隱藏語言列表,需要自己隱藏DIV 實現也很簡單,但需要注意的是,在點擊顯示的事件中,需要做阻止事件冒泡的處理,否則就觸發頁面的點擊事件了。但這樣做也有一個缺點,即如果同一個頁面 ...
2012-07-12 15:09 2 3707 推薦指數:
css html <div class="bl_rencai_32"> <input type="text" name="" value=""> <span>-</span> ...
點擊某個元素顯示div,點擊頁面其他任何地方隱藏div,可用javascript和jquery兩種方法實現: 一:javascript實現方法技巧 <script> //定義stopPropagation 方法的使用,該方法將停止事件的傳播,阻止它被分派 ...
在網頁開發的過程中經常遇到的一個需求就是點擊一div內部做某些操作,而點擊頁面其它地方隱藏該div。比如很多導航菜單,當菜單展開的時候,就會要求點擊頁面其它非菜單地方,隱藏該菜單。 先從最簡單的開始,假如頁面有一個id為test的div,我們要實現點擊頁面其它地方隱藏該div ...
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 ...