HTML onmouseup 事件

onmouseup 事件在松开鼠标按钮时触发。


实例

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

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
  5. 您的浏览器不支持HTML5 canvas 标签。
  6. </canvas>
  7. <script>
  8. var c=document.getElementById("myCanvas");
  9. var ctx=c.getContext("2d");
  10. ctx.fillRect(10,10,100,50);
  11. ctx.translate(70,70);
  12. ctx.fillRect(10,10,100,50);
  13. </script>
  14. </body>
  15. </html>

浏览器支持

事件
onmouseupYesYesYesYesYes

所有主流浏览器都支持 onmouseup 事件。


定义和用法

onmouseup 事件在松开鼠标按钮时触发。

提示:相对于 onmouseup 事件的事件次序(限于鼠标左/中键):

onmouseup 事件的事件次序(限于鼠标右键):

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


HTML 4.01 与 HTML5 之间的差异

无。


语法

  1. <element onmouseup="script">
属性值
描述
scriptonmouseup 发生时运行的脚本。