HTML onmousedown 事件

onmousedown 事件在鼠标按钮在元素上按下时触发。


实例

当在段落上按下鼠标按钮时执行一段 JavaScript:

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
  5. 点击文本!在该段落上按下鼠标按钮时,会触发 mouseDown 函数。函数将文本的颜色设置为红色。释放鼠标按钮时会触发mouseUp 函数。函数的作用是:将文本的颜色设置为绿色。
  6. </p>
  7. <script>
  8. function mouseDown() {
  9. document.getElementById("p1").style.color = "red";
  10. }
  11. function mouseUp() {
  12. document.getElementById("p1").style.color = "green";
  13. }
  14. </script>
  15. </body>
  16. </html>

浏览器支持

事件
onmousedownYesYesYesYesYes

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


定义和用法

onmousedown 事件在鼠标按钮在元素上按下时触发。

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

相对于 onmousedown 事件的事件次序(限于鼠标右键):

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


HTML 4.01 与 HTML5 之间的差异

无。


语法

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