onmousedown和onmouseup事件

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

我是大头鸟

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

阅读量6.8k

点赞数

分类专栏： HTML 文章标签： onmousedown事件和onmous

HTML 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

在这个程序中为我们介绍两个鼠标事件onmousedown和onmouseup事件，这个两双鼠标事件分别是鼠标按下时候触发的事件和鼠标松开的时候触发的事件

他们的是实现是通过调用javaScript脚本。我们在这个程序中还可以看到的一点对于文本颜色的一个处理，我们在这个文本颜色的处理的过程是

getElementById().style.color这样来设置文本的颜色

<!DOCTYPE html>

<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function mouseDown()
{
document.getElementById("p1").style.color="red";

}
function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
<title>鼠标事件</title>
</head>
<body>
<p id="p1" οnmοusedοwn="mouseDown()" οnmοuseup="mouseUp()">点击文本</p>
当鼠标按下的时候触发mouseDown()函数，该函数是将文本样式变成红色
当鼠标松开的是触发mouseUp()函数，该函数将文本的样式变成绿色
</body>
</html>