onmousedown/onmouseup - 当按下/释放鼠标按钮时

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function myFunction(elmnt, clr) {
  6. elmnt.style.color = clr;
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <p onmousedown="myFunction(this,'red')" onmouseup="myFunction(this,'green')">
  13. 单击文本以更改颜色。按下鼠标按钮时会触发带参数的函数,当释放鼠标按钮时,会再次使用其他参数触发。
  14. </p>
  15.  
  16. </body>
  17. </html>