תיאור: שומר את שאר המפעילים מהפעלה ומונע את האירוע מבעבע בעץ DOM.
event.stopImmediatePropagation()
הוספה בגרסה: 1.3
בנוסף לשמירה מטפלים נוספים מהפעלת אלמנט,
שיטה הזו מפסיקה העברה לפי קריאה מרומזת
event.stopPropagation().
פשוט כדי למנוע את האירוע מבעבע לגורמים הקדמון אבל לאפשר למפעילי אירוע אחרים להפעיל אותו אלמנט,
אנחנו יכולים להשתמש ב-
event.stopPropagation() במקום זה.
תשתמשו ב- event.isImmediatePropagationStopped()
כדי לבחון אם שיטה הזו הופעלה בעבר
(לאותו אובייקט אירוע).
דוגמה
מונע ממטפלי אירועים אחרים להיות מופעלים
$("p").click(function(event){
event.stopImmediatePropagation();
});
$("p").click(function(event){
// This function won't be executed
$(this).css("background-color", "#f00");
});
$("div").click(function(event) {
// This function will be executed
$(this).css("background-color", "#f00");
});
קוד מלא
מונע ממטפלי אירועים אחרים להיות מופעלים
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style>
p { height: 30px; width: 150px; background-color: #ccf; }
div {height: 30px; width: 150px; background-color: #cfc; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("p").click(function(event){
event.stopImmediatePropagation();
});
$("p").click(function(event){
// This function won't be executed
$(this).css("background-color", "#f00");
});
$("div").click(function(event) {
// This function will be executed
$(this).css("background-color", "#f00");
});
});
</script>
</head>
<body>
<p>paragraph</p>
<div>division</div>
</body>
</html>
האם מידע זה היה מועיל?
