onmousedown和onmouseup事件「建议收藏」

onmousedown和onmouseup事件「建议收藏」在这个程序中为我们介绍两个鼠标事件onmousedown和onmouseup事件,这个两双鼠标事件分别是鼠标按下时候触发的事件和鼠标松开的时候触发的事件他r这样来设置文本的颜色们的是实现是通过调用javaScript脚本。我们在这个程序中还可以看到的一点对于文本颜色的一个处理,我们在这个文本颜色的处理的过程是getElementById().style.color

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

在这个程序中为我们介绍两个鼠标事件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>

<!– 在这个程序中我们不仅仅应该知道的是鼠标事件,也就是onmousedown

和onmouseup这两个事件,而且他们发生的时候会调用函数

我们还应该知道是怎样来改变字体的颜色,在这个程序中我们改变字体的颜色是doucment根据id获取元素,并且定义样式然后是颜色,在HTML中我们可以看到设置的过程中分好多的等级。元素分为样式,还有value,样式有颜色这样的等级的划分 –>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/203551.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号