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中的鼠标悬停用法

支付方式

快速连接

帮助中心

售后服务

关于我们

快速链接

新用户

用户登录

您所在的位置 ： 首页 > 新闻公告 > JavaScript中的鼠标悬停用法

JavaScript中的鼠标悬停用法

最新推荐

支付方式

快速连接

帮助中心

售后服务

关于我们

您所在的位置：首页 > 新闻公告 > JavaScript中的鼠标悬停用法