HTML onmouseup 事件
onmouseup 事件在松开鼠标按钮时触发。
实例
当在段落上松开鼠标按钮时执行 JavaScript:
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
您的浏览器不支持HTML5 canvas 标签。
</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>
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onmouseup | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 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 发生时运行的脚本。 |