Подія onmousedown за своєю дією схожа на onclick і відрізняється від неї тим, що спрацьовує в момент натискання на кнопку миші. onclick у певному сенсі є комбінацією подій onmousedown і onmouseup .
Синтаксис
onmousedown="<скрипт>"
Значення
Див. скрипт.
Приклад
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onmousedown</title> <script> var i=0; function counter(){ i++; document.getElementById("layer2").innerHTML +=i + " "; }
</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('counter()',50)"> Клацніть всередині
</div> <div id="layer2"></div>
</body>
</html>У цьому прикладі при наведенні курсору на помаранчевий шар та натисканні на кнопку миші виводяться числа (мал. 1) доти, доки кнопка не буде відпущена.
>
Мал. 1. Використання події onmousedown
Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується; li>
- — при роботі можлива поява різних помилок, або елемент підтримується із застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
Автор та редактори
Останнє змінення: 19.03.2018
Редактори: Влад Мержевич