原文:vue(js)點擊目標div以外區域將目標div隱藏

今天開發新項目的時候,有個需求,點擊一個div 展示出個彈出窗 彈出窗標題的顏色要跟點擊的div圖標顏色一致, 所以這就需要我遍歷一下多個數據, 然后需要點擊彈出div的外部其他區域,隱藏這個div。所以 有了以下操作 這個點擊事件 click.stop isPop item.event 加上.stop 起阻止冒泡的效果,這里很重要,具體原因就暫時不解釋了 。做的時候就會理解了 目標div 是被 ...

2019-07-31 15:11 0 3293 推薦指數:

查看詳情

點擊div外區域隱藏div操作(嵌套iframe頁面)

一、正常頁面 二、嵌套iframe頁面 (我實現的是點擊子頁面隱藏父頁面的元素) 除了寫正常頁面的操作之外,也需要在子頁面里面寫第二個操作 因為子頁面里不能直接獲取到父頁面的元素,所以需要在子頁面里面另外寫:$(dom,window.parent.document ...

Thu Jun 04 02:27:00 CST 2020 0 647
js實現的點擊div區域隱藏div區域

首先看下JS的事件模型,JS事件模型為向上冒泡,如onclick事件在某一DOM元素被觸發后,事件將跟隨節點向上傳播,直到有click事件綁定在某一父節點上,如果沒有將直至文檔的根。 阻止冒泡:1、stopPropagation()對於非IE瀏覽器。2、cancelBubble屬性為true ...

Tue Oct 18 18:23:00 CST 2016 0 7342
js實現的點擊div區域隱藏div區域

首先看下JS的事件模型,JS事件模型為向上冒泡,如onclick事件在某一DOM元素被觸發后,事件將跟隨節點向上傳播,直到有click事件綁定在某一父節點上,如果沒有將直至文檔的根。 阻止冒泡:1、對於非IE瀏覽器:stopPropagation()。2、對於IE瀏覽器:cancelBubble ...

Fri Nov 30 23:12:00 CST 2018 0 2469
實現某元素以外區域點擊事件 隱藏該元素

實現思路解析 判斷元素區域外和區域內 判斷元素是顯示狀態 dom.is(':hidden') dom.is.is(":visible") 具體應用為 下拉框或彈框 -點擊區域外任意點-隱藏 代碼實現 ...

Tue Jun 11 01:29:00 CST 2019 0 566
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM