Код
Код JavaScript
//Если указан объект события, это браузер, отличный от IE.
if (e && e.stopPropagation)
//Таким образом, он поддерживает метод stopPropagation() W3C
е.stopPropagation();
еще
//В противном случае нам нужно использовать IE для отмены всплывания событий
window.event.cancelBubble = правда;
return false
2. Запретить поведение браузера по умолчанию.
Код JavaScript
//Если указан объект события, это браузер, отличный от IE;
if (e && e.preventDefault)
//Блокировать действия браузера по умолчанию (W3C)
е.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<тип сценария="text/javascript">
7function doSomething (obj,evt) {
8alert(obj.id);
9var e=(evt)?evt:window.event;
10если (окно.событие) {
11e.cancelBubble=истина;
12} еще {
13 //e.preventDefault();
14e.stopPropagation();
15}
16}
17</скрипт>
18</head>
19<тело>
20<div id="parent1" onclick="alert(this.id)" style="width:250px;background-color:yellow">
21<p>Это элемент родительского элемента1.</p>
22<div id="child1" onclick="alert(this.id)" style="width:200px;background-color:orange">
23<p>Это ребенок1.</p>
24</div>
25<p>Это элемент родительского элемента1.</p>
26</div>
27<br />
28<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
29<p>Это div-родитель2.</p>
30<div id="child2" onclick="doSomething(this,event);" style="width:200px;background-color:lightblue;">
31<p>Это ребенок2 Уилл.</p>
32</div>
33<p>Это div-родитель2.</p>
34</div>
35</body>
36</html>