Javascript>> onmouseover用法

CodingIsFun

于 2019-07-22 17:30:11 发布

阅读量4.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/CodingIsFun/article/details/96876840

Javascript 专栏收录该内容

20 篇文章

订阅专栏

本文提供了一个简单的HTML页面示例，展示了如何使用JavaScript为页面元素添加鼠标悬停和离开的交互效果。通过修改内联HTML内容来反馈用户的鼠标操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
<title>Window Title</title>

</head>
<body>
 
<p>Test your mouse on me!</p>
<script>

const p = document.querySelector('p');
p.onmouseover = logMouseOver;
p.onmouseout = logMouseOut;

function logMouseOver() {
  p.innerHTML = 'Your mouse is over me.';
}

function logMouseOut() {
  p.innerHTML = 'Your mouse is not over me.';
}

</script>
</body>
</html>