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,样式有颜色这样的等级的划分 –>

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MATLAB 2017b 安装教程 (推荐)

    MATLAB 2017b 安装教程 (推荐)MATLAB2017b安装教程matlab2017b安装包及安装教程链接:https://pan.baidu.com/s/1riEvbTQnDSeo7bhix7YLZQ密码:z4em本Markdown编辑器使用[Sta**重点内容**ckEdit][6]修改而来,用它写博客,将会带来全新的体验哦:Matlab安装教程:1、下载文件,得到破解文件。*点…

    2022年5月28日
    51
  • STM32CubeMX 真的不要太好用

    STM32CubeMX 真的不要太好用STM32CubeMX真的不要太好用由于工作内容的变动,我已经很久没有正经的玩过单片机了,近期又要用它做个小玩意了,还是选stm32吧,外设库开发不要太方便,哈哈哈先去stm32社区逛了逛,发现了一个新字眼STM32CubeMX,简单看了下,大概明白是个ST公司新推出的一个配置工具,直接由图形界面简单配置下,生成初始化代码,并对外设做了进一步的抽象,让开发人员更只专注应用的开发…

    2022年5月5日
    183
  • 免费各种查询API接口

    免费各种查询API接口

    2021年11月5日
    76
  • Linux系统CUDA10.2+CUDNN安装教程

    Linux系统CUDA10.2+CUDNN安装教程Ubuntu18.04下安装CUDA10.2及对应的CUDNN的教程。

    2022年6月12日
    69
  • pycharm2021.10激活码教程【最新永久激活】[通俗易懂]

    (pycharm2021.10激活码教程)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html0UY7RF7AC5-eyJsaWNlbnNlSW…

    2022年3月28日
    80
  • linux之管道

    1.进程间通信概述进程是一个独立的资源分配单元,不同进程之间的资源是独立的,没有关联,不能在一个进程中直接访问另一个进程的资源。进程不是孤立的,不同的进程需要进行信息的交互和状态的传递等,因此需要

    2021年12月28日
    49

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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