JavaScript中的鼠标悬停事件的用途详解
发布时间：09/01 来源：未知 浏览：
关键词：
我们先来看一下什么是onmou搜索引擎优化ver？
鼠标悬停的活动是“事件”，而onmou搜索引擎优化ver是事件处置程序。
事件处置程序是指定事件发生时要施行的进程所必需的。
所以onmou搜索引擎优化ver是一个事件处置程序，负责当鼠标的光标悬停在某个元素上时完成的处置。
什么是onmouseleave？
除了onmou搜索引擎优化ver之外，还有onmouseleave。
望文生义，它处置当鼠标光标分开某个元素时触发的事件。
鄙人面的示例中将使用这两个属性，我们来看鼠标悬停事件的使用代码
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
</head>
<body>
<div id="div1" style="width: 150px; height: 150px; padding: 10px; background-color:pink; border: 1px solid #000000" onmou搜索引擎优化ver="over(this)" onmouseleave="leave(this)"></div>
</body>
<script>
function over(x) {
x.style.backgroundColor = "blue";
}
function leave(x) {
x.style.backgroundColor = "red";
}
</script>
</html>在上面的代码中，我们第一使用div标签创立了一个简便的正方形。
方块的背景色彩指定为浅粉色。
然后，我们使用HTML事件属性注册事件处置程序。
如代码所示，onmou搜索引擎优化ver属性和onmouseleave属性已增加到div标志的代码中。
onmou搜索引擎优化ver属性指定了当鼠标光标在方块上时激活的over函数。
onmou搜索引擎优化ver="over(this)"
在over函数的参数中，这表白div元素本身是over函数的参数。
over函数拜访div元素的style.backgroundColor属性，并将方块的背景色彩设定为蓝色。
为onmouseleave属性指定leave函数。
与over函数一样，leave函数也可以拜访div元素的style.backgroundColor属性，并将方形背景色彩设定为红色。
通过这样做，本来粉红色的正方形在将光标放在正方形时变成蓝色，在从正方形移开时变成红色。
以上就是JavaScript中的鼠标悬停事件的用途详解的具体内容，更多请关注百分百源码网其它相关文章！
