شفرة
رمز JavaScript
// إذا تم توفير كائن حدث، فهذا متصفح غير IE
إذا (e && e.stopPropagation)
// لذا فهو يدعم طريقة stopPropagation () الخاصة بـ W3C
e.stopPropagation();
آخر
// بخلاف ذلك، نحتاج إلى استخدام IE لإلغاء ظهور الأحداث
window.event.cancelBubble = true;
return false;
2. منع السلوك الافتراضي للمتصفح
كود JavaScript
// إذا تم توفير كائن حدث، فهذا متصفح غير IE
إذا (e && e.preventDefault)
// حظر إجراءات المتصفح الافتراضية (W3C)
e.preventDefault();
آخر
// كيفية منع الإجراء الافتراضي للوظيفة في IE
window.event.returnValue = false;
عودة كاذبة.
شفرة
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<نوع النص = "نص/جافا سكريبت">
7 وظيفة تفعل شيئا (obj، evt) {
8alert(obj.id);
9var e=(evt)?evt:window.event;
10if (نافذة.الحدث) {
11e.cancelBubble=true;
12} آخر {
13//e.preventDefault();
14e.stopPropagation();
15}
16}
17</script>
18</الرأس>
19<الجسم>
20<div id="parent1" onclick="alert(this.id)" style="width:250px;background-color:yellow">
21<p>هذا هوparent1 div.</p>
22<div id="child1" onclick="alert(this.id)" style="width:200px;background-color:orange">
23<p>هذا هو الطفل 1.</p>
24</div>
25<p>هذا هوparent1 div.</p>
26</div>
27<br />
28<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
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>هذا هوparent2 div.</p>
34</div>
35</الجسم>
36</html>