转载自:http://topic.youkuaiyun.com/u/20100715/17/aa047286-7189-4da7-a035-c56b881f9b77.html
判断点击的是否在div1里
<body>
<div id="d1">
<a id="a1">a1</a>
<input type="button" id="btn1" >
</div>
<div id="d2">
<a id="a2">a2</a>
<input type="button" id="btn2" >
</div>
<div id="d3">
<a id="a3">a3</a>
<input type="button" id="btn3" >
</div>
</body>
<script type="text/javascript">
function parentNodeIsD1(o){//判断点击的对象的父节点是否为d1
do{
if(o.id=='d1')return true;
}while(o=o.parentNode)
return false;
}
document.onclick=function(e){
e=e||event;
var o=e.srcElement||e.target;
if(parentNodeIsD1(o)){alert('点击了div id为d1里面的内容');}
else{
alert('请点击div id为d1里面的内容');
//下面为阻止事件触发的代码
if(e.preventDefault)e.preventDefault();
else e.returnValue=false;
}
}
</script>