js實現點選div區域外來隱藏/移除div
阿新 • • 發佈:2018-12-13
今天學了事件流,但是除了事件委託以外感覺沒有其它應用,難以記住其中概念。恰好今天調整網站打算弄個類似於“點選登入-->彈出登入窗-->點選登入窗外移除登入窗”的功能。嘗試使用jq的blur(失去焦點),但無效(可能是自己的程式碼問題)。而今天學了事件流,參照了網上一些教程,感覺說不定能用得上。
js實現程式碼:
$("#haken").on("click",function(){ //點選haken按鈕動態生成div pswArea(); //生成div區域 $(document).one("click",function(){ //給document繫結點選事件 $(".passwordArea").remove(); //移除div $("body>*").css("filter",""); //將其他元素恢復成顯示div之前的樣式 }); event.stopPropagation(); //1 阻止事件向上冒泡傳播,避免執行前面給document繫結的事件 $("body").on("click",".passwordArea",function(){ //2 阻止事件向上冒泡傳播,避免點選div時執行前面給document繫結的事件 event.stopPropagation(); }); });
(想用更通俗的語言表達……emmm受限於能力,以後有機會再來說明吧)