厦门服务器租用>>JavaScript中的鼠标悬停用法

JavaScript中的鼠标悬停用法

发布时间：2019/1/7 15:56:49 来源: 纵横数据

鼠标悬停的活动是“事件”，而onmouseover是事件处理程序。

事件处理程序是指定事件发生时要执行的进程所必需的。

所以onmouseover是一个事件处理程序，负责当鼠标的光标悬停在某个元素上时完成的处理。

什么是onmouseleave？

除了onmouseover之外，还有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" onmouseover="over(this)" onmouseleave="leave(this)"></div>

</body>

<script>

function over(x) {

x.style.backgroundColor = "blue";

}

function leave(x) {

x.style.backgroundColor = "red";

}

</script>

</html>

本文来源：

上一篇:没有了

下一篇:没有了

JavaScript中的鼠标悬停用法

客户服务中心

微信咨询

业务咨询

产品服务

客户服务

诚意合作

关于纵横

联系我们

JavaScript中的鼠标悬停用法

相关推荐

客户服务中心

微信咨询

业务咨询

产品服务

客户服务

诚意合作

关于纵横

联系我们