Событие onmousedown

Событие onmousedown по своему действию похоже на onclick и отличается от него тем, что срабатывает в момент нажатия на кнопку мыши. onclick же в каком-то смысле является комбинацией событий onmousedown и onmouseup.

Синтаксис

onmousedown="<скрипт>"

Значения

См. скрипт.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Событие onmousedown</title> <script> var i = 0; function counter(){ i++; document.getElementById("layer2").innerHTML += i + " "; } </script> <style> #layer1 { background: #fc0; /* Цвет фона */ padding: 30px 10px; /* Поля вокруг текста */ } </style> </head> <body onmouseup="if(window.interval) clearInterval(interval)"> <div id="layer1" onmousedown="interval=setInterval('counter()',50)"> Щёлкните внутри </div> <div id="layer2"></div> </body> </html>

В данном примере при наведении курсора на оранжевый слой и нажатии на кнопку мыши выводятся числа (рис. 1) до тех пор, пока кнопка не будет отпущена.

Использование события onmousedown

Рис. 1. Использование события onmousedown

Браузеры

9 12 2 11.6 4 6
4.4 6 12.1 3.2

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.