点击除了元素以外的元素隐藏元素

2019独角兽企业重金招聘Python工程师标准>>>

大神： 第一先实现点击任何地方都隐藏该元素(假设id="bar")

$(document).click(function(){
    $("#bar").hide();
});

那么bar也属于document，点击bar也会让自己隐藏，显然这不是想要的，这时候要阻止冒泡事件，即document的事件对bar无效

$("#bar").click(function(event){
    event.stopPropagation();
});

我实际应用是点击一个input，弹出选择时间的一个框，点击除了弹出框以外的任意地方都会隐藏掉弹出框。

	$(".sf_time_int").bind("click",function(e){
		event.stopPropagation();  // //防止点击input而冒泡到document
		$(".jq_datePicker").show();
	});
	//点击除了选择时间的input和弹出框本身以外的任何地方都隐藏弹出框
	$(".jq_datePicker").bind("click",function(e){
		event.stopPropagation();  //防止点击自身而冒泡到document
	});
	$(document).bind("click",function(e){
		$(".jq_datePicker").hide();
	});

转载于:https://my.oschina.net/daladida/blog/728075