Подія onmousemove використовується для визначення переміщення курсору миші в будь-якому напрямку екрана. Ця подія застосовується для створення різних ефектів, пов'язаних з курсором миші: підказки, перетягування об'єктів та ін.
Синтаксис
onmousemove="<скрипт>"
Значення
" Див. скрипт.
Приклад
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onmousemove</title> <script> function mouseCoords(e) { x=parseInt(e.pageX); //Координата X курсору y=parseInt(e.pageY); //Координата Y курсору document.getElementById("coords").innerHTML="X:" + x + ", Y: "+ y; }
</script> <style> html, body { height: 100%; /* Висота документа */
margin: 0; /* Забираємо оступи на сторінці */
}
#coords { background: #333; /* Колір тла */
color: #fff; /* Колір тексту */
padding: 5px; /* Поля навколо тексту */
}
</style>
</head> <body onmousemove="mouseCoords(event)"> <div id="coords"></div>
</body>
</html>У цьому прикладі на сторінці відображаються поточні координати курсору миші (рис. 1).
Мал. 1. Використання події onmousemove