当按下鼠标按钮时运行脚本 - 在线编辑器

          <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <script>
    function mouseDown() {
      document.getElementById("p1").style.color = "red";
    }

    function mouseUp() {
      document.getElementById("p1").style.color = "green";
    }
  </script>
</head>
<body>

  <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
    点击文本! 在鼠标按下时触发 mouseDown()函数，该函数修改文本样式为红色。 在鼠标松开时触发 mouseUp()函数,该函数修改文本样式为绿色。
  </p>

</body>
</html>
        