html подія onmousedown
Подія onmousedown відбувається, коли користувач клацає лівою чи середньою кнопкою миші по елементу.
- Порада
-
Порядок подій, пов'язаних з подією onmousedown (для середньої / лівої клавіші миші):
Порядок подій, пов'язаних з подією
onmousedown(для правої клавіші миші):- onmousedown
- onmouseup
- oncontextmenu
автор: с3с
Синтаксис
<element onmousedown="script">Переглядачі
| Переглядач |  |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|---|
| 1.0+ | 1.0+ | 1.0+ | 4.0+ | 12+ | 4.0+ |
| Переглядач |  |
 |
 |
 |
|---|---|---|---|---|
| 1.0+ | 1.0+ | 1.0+ | 1.0+ |
Приклади
+ запропонувати свій приклад у пісочниці
Найпростіший приклад використання HTML події onmousedown
HTML
<h3>Приклад використання атрибуту onmousedown </h3>
<p>Для демонстрації атрибута натисніть на квадрат:</p>
<div id = "code" onmousedown = "mouseDown()" onmouseup = "mouseUp()">
♦
</div>CSS
div {
width : 200px;
height : 200px;
border : 1px solid black;
color : white;
text-align : center;
font-size:150px;
}JS
function mouseDown() {
document.getElementById("code").style.backgroundColor = "red";
}
function mouseUp() {
document.getElementById("code").style.backgroundColor = "white";
}
//# sourceURL=pen.jsНайпростіший приклад використання HTML події onmousedown
HTML
<h3>Приклад використання атрибуту onmousedown </h3>
<p>Для демонстрації атрибута натисніть на квадрат:</p>
<div id = "code" onmousedown = "mouseDown()" >
❤
</div>CSS
div {
width : 200px;
height : 200px;
border : 1px solid black;
color : white;
text-align : center;
font-size:150px;
}JS
function mouseDown() {
document.getElementById("code").style.backgroundColor = "black";
}
//# sourceURL=pen.jsКоментарі
Коментарів ще немає — будьте першим!