HTML атрибут событий onmousedown

Значение и применение

Атрибут событий onmousedown позволяет задать срабатывание скрипта при нажатии кнопки мыши на элементе.

Поддержка браузерами

Атрибут событий	Chrome	Firefox	Opera	Safari	IExplorer	Edge
onmousedown	Да	Да	Да	Да	Да	Да

Синтаксис

<element onmousedown = "script" >

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

<!DOCTYPE html>
<html>
<head>
<title>Событие onmousedown и onmouseup</title>
<style> 
div {
width : 100px; /* задаём ширину блока */
height : 50px; /* задаём высоту блока */
border : 1px solid black; /* задаём сплошную границу шириной 1px черного цвета */
color : white; /* задаём цвет шрифта белый */
text-align : center; /* задаём выравнивание шрифта по центру */
}
</style>
</head>
<body>
<p>Нажмите на элемент для демонстрации скрипта:</p>
<div id = "code" onmousedown = "mouseDown()" onmouseup = "mouseUp()">
&spades; &clubs; &hearts; &diams;<br>
&diams; &hearts; &clubs; &spades; 
</div>
<script>
function mouseDown() {/* задаём элементу с id = code цвет заднего фона оранжевый при нажатии */
document.getElementById("code").style.backgroundColor = "orange"; 
}
function mouseUp() {/* задаём элементу с id = code цвет заднего фона белый при отпускании нажатия */
document.getElementById("code").style.backgroundColor = "white"; 
}
</script>
</body>
</html>

Нажмите на элемент для демонстрации скрипта (при нажатии запускается событие onmousedown, а при отпускании onmouseup):

♠ ♣ ♥ ♦
♦ ♥ ♣ ♠

Отличия HTML 4.01 от HTML 5

Нет.

Поддерживаемые теги

Все HTML-элементы, за исключением: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>.

Атрибуты событий