암호
JavaScript 코드
//이벤트 객체가 제공되면 IE가 아닌 브라우저입니다.
if (e && e.stopPropagation)
//W3C의 stopPropagation() 메소드를 지원합니다.
e.stopPropagation();
또 다른
//그렇지 않으면 IE를 사용하여 이벤트 버블링을 취소해야 합니다.
window.event.cancelBubble = true;
return false
2. 브라우저의 기본 동작 방지
JavaScript 코드
//이벤트 객체가 제공되면 IE가 아닌 브라우저입니다.
if (e && e.preventDefault)
//기본 브라우저 작업 차단(W3C)
e.preventDefault();
또 다른
//IE에서 함수의 기본 동작을 방지하는 방법
window.event.returnValue = 거짓;
거짓을 반환;
암호
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
2<html xmlns=" http://www.w3.org/1999/xhtml " lang="gb2312">
3<머리>
4<title> JavaScript 이벤트 버블링 방지(cancelBubble, stopPropagation)</title>
5<meta name="keywords" content="JavaScript, 이벤트 버블링, cancelBubble, stopPropagation" />
6<script type="text/javascript">
7함수 doSomething(obj,evt) {
8alert(obj.id);
9var e=(evt)?evt:window.event;
10if (window.event) {
11e.cancelBubble=true;
12} 그밖에 {
13//e.preventDefault();
14e.stopPropagation();
15}
16}
17</script>
18</head>
19<본체>
20<div id="parent1" onclick="alert(this.id)" style="width:250px;Background-color:yellow">
21<p>부모1 div입니다.</p>
22<div id="child1" onclick="alert(this.id)" style="width:200px;Background-color:orange">
23<p>아이1입니다.</p>
24</div>
25<p>부모1 div입니다.</p>
26</div>
27<br />
28<div id="parent2" onclick="alert(this.id)" style="width:250px; background-color:yan;">
29<p>parent2 div입니다.</p>
30<div id="child2" onclick="doSomething(this,event);" style="width:200px; background-color:lightblue;">
31<p>어린이2입니다.</p>
32</div>
33<p>부모2 div입니다.</p>
34</div>
35</body>
36</html>