将鼠标指针移到元素或其子元素上时,将发生HTML中的DOM onmouseover事件。
用法:
- 在HTML中:
<element onmouseover="myScript">
- 在JavaScript中:
object.onmouseover = function(){myScript};
- 在JavaScript中,使用addEventListener()方法:
object.addEventListener("mouseover", myScript);
例:
<!DOCTYPE html>
<html>
<head>
<title>
DOM onmouseover event
</title>
</head>
<body>
<center>
<h1 id="hID">
GeeksforGeeks
</h1>
<h2>
HTML DOM onmouseover event
</h2>
<script>
document.getElementById(
"hID").addEventListener(
"mouseover", over);
document.getElementById(
"hID").addEventListener(
"mouseout", out);
function over() {
document.getElementById(
"hID").style.color = "green";
}
function out() {
document.getElementById(
"hID").style.color = "black";
}
</script>
</center>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML DOM onmouseover事件支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML onmouseover用法及代码示例
- HTML onmouseup事件用法及代码示例
- HTML oncanplaythrough事件用法及代码示例
- HTML oncanplay事件用法及代码示例
- HTML animationiteration事件用法及代码示例
- HTML onmouseleave事件用法及代码示例
- HTML onmousemove事件用法及代码示例
- HTML onchange事件用法及代码示例
- HTML onmousedown事件用法及代码示例
- HTML onkeypress事件用法及代码示例
- HTML onmouseenter事件用法及代码示例
- HTML oncontextmenu事件用法及代码示例
- HTML onresize事件用法及代码示例
- HTML onfocusin事件用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onmouseover event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。