Метод mousemove() jQuery

События jQuery

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

Событие mousemove возникает при перемещении указателя мыши к выбранному элементу.

Вы можете подумать, что mousemove,mouseenterиmouseoverСобытия одинаковы, но они не такие:

• mouseenter-Вызов функции только при входе указателя мыши в элемент

• mousemove-Вызов функции при перемещении указателя мыши к элементу

• mouseover-Вызов функции при входе указателя мыши в элемент и его подэлементы ( см. примеры ниже )

Грамматика:

Инициировать событие mousemove для выбранного элемента:

$("selector").mousemove()

Присоединить функцию к событию mousemove:

$("selector").mousemove(function)

Пример

Показывать случайное число при срабатывании события mousemove:

$("div").mousemove(function(){
　　$("this").text(Math.random());
});

Получить положение указателя мыши на странице:

$("document").mousemove(function(event){　
　　$("#output").text("pageX:　"　+　event.pageX　+　",　pageY:　"　+　event.pageY);
});

Изменить цвет фона при срабатывании события mousemove:

$("div").mousemove(function(){
　　$(this).css("background", randColor());
});
// Функция генерации случайного цвета
function randColor() {
　　return 'rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+',　
　　','+Math.floor(Math.random()*256)+');
}

Этот пример демонстрирует различия между mousemove, mouseenter и mouseover:

Значение параметра

События jQuery