JS别一定范围的鼠标点击 

转载自：http://topic.csdn.net/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>
posted @ 2010-07-15 20:08  丿宝丨  阅读(360)  评论(0)    收藏  举报