Атрибуты событий onmouseup, onmouseover, onmousemove, onmouseout элемента HTML

Последнее обновление 8 мая 2019 08:37:57 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

OnMouseUp

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

Для всех примеров и синтаксиса мы использовали элемент abbr.

Синтаксис

 <abbr onmouseup = "some_script | call some script"> текстовое содержимое </ abbr>

Поддерживаемые элементы

Все элементы, кроме APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Пример использования onmouseup

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of using onmouseup with</title>
<script type="text/javascript">
function w3r_abbr_onmouseup(){
alert("Thanks for visiting w3reource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan, people are still without food, shelter or hope; <abbr title="British Broadcasting Corporation" onmouseup="w3r_abbr_onmouseup()">BBC</abbr> reports.</p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример атрибута onmouseup

при наведении мыши

Атрибут onmouseover HTML-элемента abbr инициирует некоторое действие, предопределенное в связанном с ним скрипте, когда пользователь перемещает курсор в границу элемента.

Синтаксис

 <abbr onmouseover = "some_script | call some script"> текстовое содержимое </ abbr>

Поддерживаемые элементы

Все элементы, кроме APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Пример использования onmouseover

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of using onmouseover</title>
<script type="text/javascript">
function w3r_abbr_onmouseover(){
alert("Thanks for visiting w3reource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan, people are still without food, shelter or hope; <abbr title="British Broadcasting Corporation" onmouseover="w3r_abbr_onmouseover()">BBC</abbr> reports.</p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример атрибута onmouseover

OnMouseMove

Атрибут onmousemove HTML-элемента abbr инициирует некоторое действие, предопределенное в связанном с ним скрипте, когда пользователь перемещает указатель мыши в любом направлении, независимо от действий кнопки мыши на элементе.

Синтаксис

 <abbr onmousemove = "some_script | call some script"> текстовое содержимое </ abbr>

Пример использования onmousemove

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of using onmousemove</title>
<script type="text/javascript">
function w3r_abbr_onmousemove(){
alert("Thanks for visiting w3reource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan, people are still without food, shelter or hope; <abbr title="British Broadcasting Corporation" onmousemove="w3r_abbr_onmousemove()">BBC</abbr> reports.</p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример атрибута onmousemove

onmouseout

Атрибут onmouseout HTML-элемента abbr инициирует некоторое действие, предопределенное в связанном с ним скрипте, когда пользователь перемещает указатель мыши в любом направлении, независимо от действий кнопки мыши над элементом.

Синтаксис

<abbr onmouseout = "some_script | call some script"> текстовое содержимое </ abbr>

Поддерживаемые элементы

Все элементы, кроме APPLET, BASE, BASEFONT, BDO, BR, FONT, FRAME, FRAMESET, HEAD, HTML, IFRAME, ISINDEX, META, PARAM, SCRIPT, STYLE, TITLE.

Пример использования onmouseout

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example of using onmouseout</title>
<script type="text/javascript">
function w3r_abbr_onmouseout(){
alert("Thanks for visiting w3reource.");
}
</script>
</head>
<body>
<p>Even after three months of the devastating flood in Pakistan, people are still without food, shelter or hope; <abbr title="British Broadcasting Corporation" onmouseout="w3r_abbr_onmouseout()">BBC</abbr> reports.</p>
</body>
</html>

Результат

Посмотреть этот пример в отдельном окне браузера

Пример атрибута onmouseout

Предыдущая: атрибуты события onclick, ondblclick, onmousedown элемента HTML
Далее: атрибуты события onkeypress, onkeydown, onkeyup для элементов HTML