Событие onmousedown

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

Синтаксис

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

Значения

См. скрипт.

Пример

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Событие onmousedown</title> <script> var i = 0; function counter(){ i++; document.getElementById("layer2").innerHTML += i + " "; } </script> <style type="text/css"> #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

Браузеры

4 12 1 3.5 1 1
1 1 6 1

Браузеры

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

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

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

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 19.03.2018
Редакторы: Влад Мержевич