Руководство по HTML

Полный список тегов HTML

Свойство onmouseup события HTML

Свойство onmouseup используется для получения или установки обработчика событий функции для события mouseup текущего элемента

Свойства событий HTML

Онлайн пример

Выполните JavaScript в абзаце, когда пользователь отпускает кнопку мыши:

Пример

<!DOCTYPE html>
<html>
<head>
<title>Использование свойства onmousedown события HTML (Учебник основ, oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
Нажмите на текст! При нажатии на кнопку мыши в этом абзаце вызывается функция mouseDown(). Эта функция устанавливает цвет текста в красный. При отпуске кнопки мыши вызывается функция mouseUp(). Функция mouseUp() устанавливает цвет текста в зеленый.</p>
<script>
function mouseDown() {
　　document.getElementById("p1").style.color = "red";
}
function mouseUp() {
　　document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>

Проверьте, посмотрите ›/›

Событие mouseup срабатывает, когда пользователь отпускает кнопку мыши на текущем элементе

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают свойство события onmouseup

Определение и использование

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

Совет: Порядок выполнения событий, связанных с событием onmouseup (левая/центральная кнопка мыши):

onmousedown
onmouseup
onclick

Порядок выполнения событий, связанных с событием onmouseup (правая кнопка мыши):

onmousedown
onmouseup
oncontextmenu

Обратите внимание: Свойство onmouseup не может использоваться для следующих элементов: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 　или<title>.

Различия между HTML 4.01 и HTML5

Нет.

Грамматика

<element onmouseup="script">

Значение свойства

Значение	Описание
script	Определяет скрипт, который будет выполнен при наступлении события onmouseup.

Свойства событий HTML 　　　　

HTML: <template> тег