[Функция] event.stopImmediatePropagation()
Раздел "Events"
Отключить выполнение других обработчиков данного события за исключением существующего.
Данный метод так же косвенным образом отключает действие метода event.stopPropagation(). Используйте метод event.isImmediatePropagationStopped() для того, чтобы определить был ли вызван метод event.stopImmediatePropagation() для объекта события.
Пример:
Предотвратить выполнение остальных обработчиков событий за исключением существующего.
"jQuery"
$("p").click(function(event){
event.stopImmediatePropagation();
});
$("p").click(function(event){
// данная функция не будет ваполнена
$(this).css("background-color", "#f00");
});
$("div").click(function(event) {
// данныая функция будет выполнена
$(this).css("background-color", "#f00");
});
"HTML"
<p>paragraph</p>
<div>division</div>
"CSS"
div { margin:3px; width:100px; height:100px;
background:green; float:left;color:white;}
"Живой пример jQuery"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link href="http://test-drupal.ru/themes/slyweb/css/jqueryiframe.css"
rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").click(function(event){
event.stopImmediatePropagation();
});
$("p").click(function(event){
// данная функция не будет ваполнена
$(this).css("background-color", "#f00");
});
$("div").click(function(event) {
// данныая функция будет выполнена
$(this).css("background-color", "#f00");
});
});
</script>
</head>
<body class="iframe">
<p>paragraph</p>
<div>division</div>
</body>
</html>
<style>
div { margin:3px; width:100px; height:100px;
background:green; float:left;color:white;}
</style>
Версия jQuery 1.4.2
Документ создан 2010-08-21