Javascript>> onmouseover用法

最新推荐文章于 2025-04-16 22:52:17 发布

原创最新推荐文章于 2025-04-16 22:52:17 发布 · 4.4k 阅读

1 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

20 篇文章

订阅专栏

<!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>