js事件之onmousedown和onmouseup

最新推荐文章于 2023-07-05 23:37:25 发布

原创最新推荐文章于 2023-07-05 23:37:25 发布 · 7.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#onmousedown #onmouseup #js鼠标事件 #js事件

js 专栏收录该内容

38 篇文章

订阅专栏

本文探讨了如何使用JavaScript实现鼠标事件与网页元素的互动，通过`mousedown`和`mouseup`事件改变文本颜色，展示了网页动态效果的简单实现。

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

<!DOCTYPE html>
<html>
<head>
<script>
function mouseDown()
{
document.getElementById("p1").style.color="red";
}

function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
</head>
<body>

<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
请点击文本！mouseDown() 函数当鼠标按钮在段落上被按下时触发。此函数把文本颜色设置为红色。mouseUp() 函数在鼠标按钮被释放时触发。mouseUp() 函数把文本的颜色设置为绿色。
</p>

</body>
</html>