js 하위 요소 사건 이 부모 요소 로 거품 을 일 으 키 는 것 을 막 습 니 다.

924 단어 js
필드:
부모 요소 내부 에 키 요소 가 있 습 니 다. 부모 와 하위 요 소 는 모두 click 사건 을 연결 합 니 다. 이때 하위 요 소 를 클릭 하면 부모 요소 의 사건, 즉 '사건 거품' 을 촉발 합 니 다. 어떻게 막 습 니까?

<div id="parent" style="width:300px;height:300px;background:red;padding:50px"><div id="children" style="width:200px;height:200px;background:white;"></div></div>

<script>
  var $ = function(id){
       return document.getElementById(id);
  }
  $('parent').onclick=function(){
     alert(1);
  };
  $('children').onclick=function(e){
     alert(2);
	 //1.js           
	 if (e.stopPropagation){ e.stopPropagation();}
  	 else {e.cancelBubble = true;}
	 //2.    jQuery Lib       return false;  
	 //return false;
  };
</script>

좋은 웹페이지 즐겨찾기