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

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

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

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

Поддерживается во всех основных браузерах с 2015 года.

ВсеКомпьютерыМобильные

Совместимостьapi.Element.mouseup_event
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
mouseup event	✓2	✓12	✓6	✓11.6	✓4	✓18	✓6	✓12.1	✓3.2	✓1.0	✓4.4	✓3.2

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Синтаксис

HTML

<element onmouseup = "script" >

Примеры, попробуйте сами

Событие mouseup

Нажмите ▶. Нажмите и отпустите кнопку мыши.

index.html

HTML

<div id="code" style="width: 100px; height: 50px; border: 1px solid black; color: white; text-align: center">
  ♠ ♣ ♥ ♦<br />
  ♦ ♥ ♣ ♠
</div>

main.js

JavaScript

function mouseDown() {
    document.getElementById('code').style.backgroundColor = 'orange'
}
function mouseUp() {
    document.getElementById('code').style.backgroundColor = 'white'
}

document.querySelector('#code').addEventListener('mousedown', function () {
    mouseDown()
})
document.querySelector('#code').addEventListener('mouseup', function () {
    mouseUp()
})

Отличия HTML 4.01 от HTML 5

Нет.

Где возникает событие

Атрибут можно задавать HTML-элементам, но возникновение события зависит от взаимодействия и состояния элемента. Наличие обработчика само по себе не делает элемент фокусируемым, редактируемым или перетаскиваемым.

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