Kode
Kode JavaScript
//Jika objek acara disediakan, ini adalah browser non-IE
if (e && e.stopPropagasi)
//Jadi ini mendukung metode stopPropagation() W3C
e.stopPropagasi();
kalau tidak
//Jika tidak, kita perlu menggunakan IE untuk membatalkan event bubble
window.event.cancelBubble = benar;
return false;
2. Mencegah perilaku default browser
kode JavaScript
//Jika objek event disediakan, ini adalah browser non-IE
jika (e && e.preventDefault)
//Blokir tindakan browser default (W3C)
e.preventDefault();
kalau tidak
//Cara mencegah aksi default fungsi di IE
window.event.returnValue = salah;
kembali salah;
Kode
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<kepala>
4<title> Mencegah peristiwa JavaScript menggelembung (cancelBubble, stopPropagation)</title>
5<meta name="keywords" content="JavaScript, acara menggelegak, cancelBubble, stopPropagation" />
6<skrip tipe="teks/javascript">
7fungsi melakukan Sesuatu (obj,evt) {
8alert(obj.id);
9var e=(evt)?evt:window.event;
10if (jendela.acara) {
11e.cancelBubble=benar;
12} lain {
13//e.preventDefault();
14e.stopPropagasi();
15}
16}
17</skrip>
18</kepala>
19<tubuh>
20<div id="parent1" onclick="alert(this.id)" style="width:250px;background-color:kuning">
21<p>Ini adalah div induk1.</p>
22<div id="child1" onclick="alert(this.id)" style="width:200px;background-color:orange">
23<p>Ini anak1.</p>
24</div>
25<p>Ini adalah div induk1.</p>
26</div>
27<br />
28<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
29<p>Ini adalah div induk2.</p>
30<div id="child2" onclick="doSomething(ini,acara);" style="width:200px;background-color:lightblue;">
31<p>Ini anak2. Akan menggelembung.</p>
32</div>
33<p>Ini adalah div induk2.</p>
34</div>
35</tubuh>
36</html>