Событие onmousemove

DOM-события MouseEvent

Определение и использование

Событие onmousemove возникает, когда указатель мыши перемещается по элементу.

Пример

Пример 1

Исп�行уйте JavaScript, когда курсор указывает на элемент <div>.

<div onmousemove="myFunction()">Переместите курсор на меня</div>

Попробуйте сами

Пример 2

Этот пример демонстрирует различия между событиями onmousemove, onmouseenter и mouseover:

<div onmousemove="myMoveFunction()">
  <p id="demo">Я продемонстрирую наmousemove!</p>
</div>
<div onmouseenter="myEnterFunction()">
  <p id="demo2">Я продемонстрирую наmouseenter!</p>
</div>
<div onmouseover="myOverFunction()">
  <p id="demo3">Я продемонстрирую наmouseover!</p>
</div>

Попробуйте сами

Пример 3

Этот пример демонстрирует различия между событиями onmousemove, onmouseleave и onmouseout:

<div onmousemove="myMoveFunction()">
  <p id="demo">Я продемонстрирую наmousemove!</p>
</div>
<div onmouseleave="myLeaveFunction()">
  <p id="demo2">Я продемонстрирую наmouseleave!</p>
</div>
<div onmouseout="myOutFunction()">
  <p id="demo3">Я продемонстрирую наmouseout!</p>
</div>

Попробуйте сами

Грамматика

В HTML:

<element onmousemove="myScript">

Попробуйте сами

В JavaScript:

object.onmousemove = function(){myScript};

Попробуйте сами

В JavaScript, используя метод addEventListener():

object.addEventListener("mousemove", myScript);

Попробуйте сами

Комментарий:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Поддержка
Отменяемые: Поддержка
Типы событий: MouseEvent
Поддерживаемые элементы HTML: Все элементы HTML, кроме: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>
Версия DOM: Уровень 2 событий

Поддержка браузеров

События Chrome IE Firefox Safari Opera
onmousemove Поддержка Поддержка Поддержка Поддержка Поддержка
DOM-события MouseEvent