HTML onmouseup 事件属性 详解
HTML基础 2022-06-02 13:05:18小码哥的IT人生shichen
HTML onmouseup 事件属性
实例
当在段落上松开鼠标按钮时执行 JavaScript：
<p onmouseup="mouseUp()">Click the text!</p>
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(10,10,100,50);
ctx.translate(70,70);
ctx.fillRect(10,10,100,50);
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
浏览器支持
| 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 发生时运行的脚本。 |
