原文:點擊頁面div彈窗以外隱藏的兩種思路

在本文為大家介紹兩種思路實現點擊頁面其它地方隱藏該div,第一種是對document的click事件綁定事件處理程序.. 第一種思路分兩步第一步:對document的click事件綁定事件處理程序,使其隱藏該div第二步:對div的click事件綁定事件處理程序,阻止事件冒泡,防止其冒泡到document,而調用document的onclick方法隱藏了該div。 這樣當點擊頁面非div區域的時候 ...

2016-01-13 01:00 0 4492 推薦指數:

查看詳情

css兩種隱藏div的區別

  1.display:none   display:none該div會被隱藏,且不占樣式空間,不會被該div影響任何布局   2.version:hidden   variable:hidden該div會被隱藏,但是依舊占樣式空間,該div依然會影響布局   總結:display ...

Thu Mar 28 02:50:00 CST 2019 0 1284
點擊頁面隱藏div處理

需求:   點擊按鈕,顯示一個操作框,點擊頁面隱藏操作框 實現步驟:   1.對頁面根元素綁定click事件,點擊頁面時,隱藏操作框;   2.對操作框綁定click事件,事件回調中阻止事件冒泡。   此時點擊頁面,只會執行根元素的點擊 ...

Wed Mar 20 05:40:00 CST 2019 0 543
vue(js)點擊目標div以外區域將目標div隱藏

今天開發新項目的時候,有個需求,點擊一個div 展示出個彈出窗 彈出窗標題的顏色要跟點擊div圖標顏色一致, 所以這就需要我遍歷一下多個數據, 然后需要點擊彈出div的外部其他區域,隱藏這個div。所以 有了以下操作! 這個點擊事件@click.stop="isPop ...

Wed Jul 31 23:11:00 CST 2019 0 3293
隱藏和顯示div兩種方法

方式一 style="visibility: none;" visiblity:visible -------->可見 visiblity:hidden ------->不可見(隱藏) 這種方法div是占據空間的,只是說看到的是空白 方式二 style="display ...

Mon Mar 13 07:34:00 CST 2017 1 29852
點擊頁面其它地方將某個顯示的DIV隱藏

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

Thu Jul 12 23:09:00 CST 2012 2 3707
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM