鼠标点击某个div以外的地方就隐藏该div的功能很常见。
适合情景:该div包含子元素(可以多级子元素),该div中的每一个元素都有id。
$(document).ready(function(){
$(document).mousedown(function(event){
if((event.target.id==""||$("#first").find("#"+event.target.id).length==0)&&event.target.id!="first"){
$("#first").hide();
}
});
})
这里是p标签
以上方法使用了jquery,解决了浏览器兼容。
如果不用jquery,ie使用window.event.srcElement.id获取.FF使用event.target.id获取。
也可以使用obj = window.ActiveXObject?window.event.srcElement : event.target;替换上面的内容。