Атрибуты событий onmouseup, onmouseover, onmousemove, onmouseout элемента HTML
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>
Результат
Посмотреть этот пример в отдельном окне браузера
при наведении мыши
Атрибут 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>
Результат
Посмотреть этот пример в отдельном окне браузера
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>
Результат
Посмотреть этот пример в отдельном окне браузера
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>
Результат
Посмотреть этот пример в отдельном окне браузера
Предыдущая: атрибуты события onclick, ondblclick, onmousedown элемента HTML
Далее: атрибуты события onkeypress, onkeydown, onkeyup для элементов HTML
Новый контент: Composer: менеджер зависимостей для PHP , R программирования