欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js/jquery实现点击div层外,隐藏div 博客分类: jsjquery jsjqueryjs/jquery实现点击div层外隐藏div 

程序员文章站 2024-03-22 19:55:46
...

js

document.onmousedown=function(e){
    var target = e.target;
    //alert(target.id);
    var sea = target.getAttribute("sea");
    if(sea!="sea"){
    	if(get("seaList").style.display!="none"){
    		get("seaList").style.display="none";
		}
    }
};

 

jquery

$(document).bind('click',function(e){
	var target = jQuery(e.target);
	//alert(target.attr("id"));
	alert(target.closest(".seaVal").length+","+target.closest(".seaList").length);
	if(target.closest(".seaVal").length!=1&&target.closest(".seaList").length!=1)
	{
		if($(".seaList").show()){
			$(".seaList").hide();
		}
	}
});