1. 程式人生 > >js實現點選div區域外來隱藏/移除div

js實現點選div區域外來隱藏/移除div

今天學了事件流,但是除了事件委託以外感覺沒有其它應用,難以記住其中概念。恰好今天調整網站打算弄個類似於“點選登入-->彈出登入窗-->點選登入窗外移除登入窗”的功能。嘗試使用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受限於能力,以後有機會再來說明吧)