原文:頁面彈出一個彈框后 點擊除彈框外的其他地方 讓彈框消失

封裝的一個方法:點擊當前元素,逐級篩選其父元素是否包含某個類,如果有包含,返回true,如果沒有包含,返回false 遇到的問題: 當選中這個彈框的內容時,彈框消失了。 本應該點擊彈框以外的地方,彈框消失,但是鼠標選中彈框內容,觸發了點擊事件,並且e.target是彈框最外層的元素 。 原因: 封裝的方法有點問題。while語句中判斷的是當前元素的父元素,並逐級遞增,忽略了當前元素本身。 修改如下 ...

2020-08-06 10:45 0 581 推薦指數:

查看詳情

【 js 片段 】點擊空白或者頁面其他地方,關閉

/* Mark 1 的原理:判斷點擊事件發生在區域外的條件是:1. 點擊事件的對象不是目標區域本身2. 事件對象同時也不是目標區域的子元素*/ 原文地址:https://segmentfault.com/q/1010000000452465 ...

Wed Dec 07 22:13:00 CST 2016 0 4418
jquery 點擊

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

Wed Jun 13 19:11:00 CST 2018 0 980
js3秒自動消失

開發中有時候會需要最出,過幾秒自動消失的效果,下面給大家分享一下我自己做的一個小案例。 案例中的使用的是bootstrap里面的模態,實現自動消失則用的是js中的setInterval方法。該使用了jquery-ui中的draggable方法,可拖動。 目錄結構 ...

Fri Jul 08 07:35:00 CST 2016 0 41446
layer彈出自動關閉

今天做項目,出現一個問題,需求是用ajax做文件上傳功能,代碼寫好之后,測試發現問題。 彈出層出現以后我沒有主動點擊確定和關閉等操作,程序自動關閉了彈出層 一步一步排查,找到了錯誤,首先,先確認你頁面上有沒有發生刷新或者其他彈出 我排查以后發現我form里有個class,這個class ...

Fri May 18 20:13:00 CST 2018 0 6886
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM