Обработчик или источник события mouseover

Материал из JQuery

Перейти к: навигация, поиск
.mouseover()

Устанавливает обработчик появления курсора над элементом, либо, запускает это событие. Метод имеет три варианта использования:

.mouseover(handler(eventObject)):jQuery1.0

Устанавливает функцию handler в качестве обработчика события mouseover, на выбранные элементы.
Метод является аналогом bind("mouseover", handler(eventObject)).

handler(eventObject) — функция, которая будет установлена в качестве обработчика. При вызове она будет получать объект события eventObject.

.mouseover(eventData, handler(eventObject)):jQuery1.4.3

Метод отличается от предыдущего возможностью передавать в обработчик дополнительные данные.
Является аналогом bind("mouseover", eventData, handler(eventObject)).

handler(eventObject) — см. выше.
eventData — дополнительные данные, передаваемые в обработчик. Они должны быть представлены объектом в формате: {fName1:value1, fName2:value2, ...}.

.mouseover():jQuery1.0

Вызывает событие mouseover, у выбранных элементов страницы. Метод является аналогом trigger("mouseover").

Убрать установленный обработчик можно с помощью метода unbind().

Все три варианта использования метода, являются аналогами других методов (см. выше), поэтому все подробности использования mouseover(), можно найти в описании этих методов.

Метод выполняет те же функции, что и mouseenter(), но последний, в некоторых случаях может быть более предпочтителен (подробности в описании mouseenter()).

Пример

// установим обработчик события mouseover, элементу с идентификатором foo
$('#foo').mouseover(function(){
  alert('Вы поместили курсор в зону элемента foo.');
});
 
// вызовем событие mouseover на элементе foo
$('#foo').mouseover();
 
// установим еще один обработчик события mouseover, на этот раз элементам 
// с классом block. В обработчик передадим дополнительные данные
$('.block').mouseover({a:12, b:"abc"}, function(eventObject){
  var externalData = "a=" + eventObject.data.a + ", b=" + eventObject.data.b;
  alert('Курсор появился над элементом с классом block. '+
        'В обработчик этого события переданы данные: ' + externalData );
});

Ссылки

Поисковые ключи:
  • обработчик события mouseover
  • .mouseover()
  • наведение курсора на элемент
  • обработка наведения курсора на элемент
  • обработчик наведения курсора на элемент
  • mouseover()