明辉手游网中心：是一个免费提供流行视频软件教程、在线学习分享的学习平台！

资讯首页腾讯视频爱奇艺暴风影音酷狗音乐酷我音乐影音大全软件下载软件教程电脑系统下载

聊天工具办公软件杀毒教程系统工具图形图像电脑学习应用软件网络软件苹果应用注册码网站教程技术开发安卓教程其它教程

您当前所在位置：网视手游站 -> 网站教程 -> html中在松开鼠标按钮时触发的事件属性onmouseup

html中在松开鼠标按钮时触发的事件属性onmouseup

发表时间：2023-12-27 来源：明辉站整理相关软件相关文章人气：

[摘要]实例当在段落上松开鼠标按钮时执行 JavaScript：<p onmouseup="mouseUp()">Click the text!</p>浏览器支持IEFirefoxChromeSafariOpera所有主流浏览器都支持 onmouseup 属性。...

实例

当在段落上松开鼠标按钮时执行 JavaScript：

<p onmouseup="mouseUp()">Click the text!</p>

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 onmouseup 属性。

定义和用法

onmouseup 属性在松开鼠标按钮时触发。

提示：相对于 onmouseup 事件的事件次序（限于鼠标左/中键）：

onmousedown
onmouseup
onclick

onmouseup 事件的事件次序（限于鼠标右键）：

onmousedown
onmouseup
oncontextmenu

注释：onmouseup 属性不适用于以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onmouseup="script">

属性值

值	描述
script	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" onmousedown="mouseDown()" onmouseup="mouseUp()">点击文本</p>
当鼠标按下的时候触发mouseDown()函数，该函数是将文本样式变成红色
当鼠标松开的是触发mouseUp()函数，该函数将文本的样式变成绿色
</body>
</html>
<!-- 在这个程序中我们不仅仅应该知道的是鼠标事件，也就是onmousedown
和onmouseup这两个事件，而且他们发生的时候会调用函数
我们还应该知道是怎样来改变字体的颜色，在这个程序中我们改变字体的颜色是doucment根据id获取元素，并且定义样式然后是颜色，
在HTML中我们可以看到设置的过程中分好多的等级。元素分为样式，还有value，样式有颜色这样的等级的划分 -->

以上就是html中在松开鼠标按钮时触发的事件属性onmouseup的详细内容，更多请关注php中文网其它相关文章！

网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

标签：html中在松开鼠标按钮时触发的事件属性onmouseup

上一篇：html中在鼠标指针移动到元素上时触发的事件属性onmouseover

下一篇：html中会在图像加载被中断时发生的事件onabort

推荐资讯总人气榜

最新教程本月人气

相关文章