CSS властивості
ГлавнаяДовідник HTMLПодія onmouseup в HTML

Подія onmouseup в HTML

175

Подія onmouseup за своєю дією протилежна до події onmousedown і відбувається при відпусканні кнопки миші, поки курсор знаходиться в межах елемента, до якого доданий атрибут onmouseup.

Синтаксис

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

Значення

Див. скрипт.

Приклад

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onmouseup</title> <script> function hi(){ document.getElementById("layer2").innerHTML +="хи "; }
</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('hi()',10)"> Клацніть всередині
</div> <div id="layer2"></div>
</body>
</html>

У даному прикладі при наведенні курсору на помаранчевий шар та натисканні на кнопку миші виводиться текст «хі» (рис. 1) доти, доки кнопка не буде відпущена.

Використання події onmouseup

Мал. 1. Використання події onmouseup

Браузери

4 12 1 3.5 1 1
1 1 6 1

Браузери

У таблиці браузерів застосовуються такі позначення.

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

Число вказує версію браузреа, починаючи з якої елемент підтримується.

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

Автор: Влад Мержевич
Остання модифікація: 19.03.2018
Редактори: Влад Мержевич