Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Событие onmousemove

Дата:13.09.15 в 15:36
Справочник: 

Характеристики атрибута

В каких браузерах работает?

4.0+ 1.0+ 4.0+ 1.0+ 1.0+ 1.0+ 1.0+

Для чего используется

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

В каких тегах он может использоваться?

a abbr acronym address
applet area b basefont
bdo bgsound big blockquote
body br button caption
center cite code col
colgroup dd del dfn
dir div dl dt
em embed fieldset font
form frame h1 - h6 hr
i iframe img input
ins isindex kbd label
legend li link map
marquee menu nobr object
ol option p plaintext
pre q s samp
select small span strike
strong sub sup table
tbody td textarea tfoot
th thead tr tt
u ul var wbr
xmp

Как правильно задавать?

Простейший пример использования атрибута выглядит следующим образом:

onmousemove="код скрипта"

Какие значения могут быть записаны в атрибут?

Скрипт

Пример использования

<!DOCTYPE HTML>
<html>
 <head>
  <meta charset="utf-8">
  <title>Событие onmousemove</title>
  <script>
   function mouseCoords(e) {
    // для работы в IE
    if (document.all)  { 
      x = event.x + document.body.scrollLeft; 
      y = event.y + document.body.scrollTop; 
    // для всех остальных
    } else {
      x = e.pageX; 
      y = e.pageY; 
    }
    document.getElementById("mouse").innerHTML = "X : " + x + ", Y : " + y;
   }
  </script>
  <style type="text/css">
   html, body {
    height: 100%; /* Высота документа */ 
   }
   #mouse {
    background: #eee; /* задний фон */
    padding: 10px; /* Внутренние отступы */
   }
</style>
</head>
<body onmousemove="mouseCoords(event)">
<div id="mouse">&nbsp;</div>
</body>
</html>

Пример применения события onblur

Событие onmousemove
В примере указан код, который выводит координаты мыши.

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип HTML атрибута: 
Понравилась статья? Расскажите о ней друзьям: