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

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

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

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

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

Атрибут событийChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
onmouseupДаДаДаДаДаДа

Синтаксис

<element onmouseup = "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>.

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