原文:關於點擊彈框外部區域彈框關閉的交互處理

常見需求場景 前端在處理交互的時候,經常遇到這樣的場景,點擊一個按鈕,出現一個彈框,點擊外部區域,彈框關閉。 解決方法 思路說明: 給彈框的div父級都加個類名,如: 在document綁定一個點擊事件,獲取當前點擊元素的類名,開始向上找,找它的父級類名, . . 包含我們加的幾個類名,則表示點擊的是當前框,不處理 . . 不包含我們加的幾個類名,則是外部區域,關閉當前顯示框 代碼實現 ...

2020-11-21 11:38 0 620 推薦指數:

查看詳情

js 實現點擊空白關閉

使用場景:網站用戶頭像,點擊頭像,出現下拉,然后點擊下拉之外的空白,隱藏下拉。 直接上代碼: ...

Tue Nov 23 22:20:00 CST 2021 0 874
jquery 點擊

<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery點我彈出</ ...

Wed Jun 13 19:11:00 CST 2018 0 980
jQuery實現點擊彈出外界面關閉

通過jQuery的closest方法實現點擊以外的部分關閉。 closest() 方法返回被選元素的第一個祖先元素。具體用法:https://www.runoob.com/jquery/traversing-closest.html 點擊id為touch ...

Mon Feb 24 07:35:00 CST 2020 0 800
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM