Привязывает обработчик события к событию "mouseout" JavaScript, или вызывает данное событие на элемент.
.mouseout( handler(объектСобытия) )
Добавлена в версию: 1.0
handler(объектСобытия)
Функция
Функция выполняется каждый раз, когда вызывается событие.
.mouseout( )
Добавлена в версию: 1.0
.mouseout( [ данныеСобытия ], обработчик(объектСобытия)
Добавлена в версию: 1.4.3
Карта данных, которая будет передана в обработчик событий.
обработчик(объектСобытия)
Функция
Функция для выполнения каждый раз, когда событие вызвано.
Этот метод является сокращением для .bind('mouseout', handler) в первом варианте, и .trigger('mouseout') во втором.
Событие mouseout посылается элементу, когда указатель мышки покидает элемент. Любой элемент HTML может получать это событие. Для примера, рассмотрим HTML:
<div id="target">
Move here
</div>
<div id="other">
Trigger the handler
</div>
<div id="log"></div>
Обработчик события может быть привязан к любому элементу:
$('#outer').mouseout(function() {
$('#log').append('Handler for .mouseout() called.');
});
Теперь, когда указатель мышки выходит из Outer
<div>, сообщение будет приложенно к <div id="log">.
Мы также можем запустить событие, когда второй объект нажат:
$('#other').click(function() {
$('#outer').mouseout();
});
Примеры
Отображает текст по событиям mouseover и mouseout.
Mouseout активируется, когда указатель мыши входит или выходит в/из дочерний(го) элемент(а), в то время как
mouseleave этого не делает.
var i = 0;
$("div.overout").mouseout(function(){
$("p:first",this).text("mouse out");
$("p:last",this).text(++i);
}).mouseover(function(){
$("p:first",this).text("mouse over");
});
var n = 0;
$("div.enterleave").bind("mouseenter",function(){
$("p:first",this).text("mouse enter");
}).bind("mouseleave",function(){
$("p:first",this).text("mouse leave");
$("p:last",this).text(++n);
});
|