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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
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>.

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