Подія 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) доти, доки кнопка не буде відпущена.
Мал. 1. Використання події onmouseup
Браузери
4 | 12 | 1 | 3.5 | 1 | 1 |
1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується із застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
Автор та редактори
Остання модифікація: 19.03.2018
Редактори: Влад Мержевич