onmousedown 事件

事件对象参考手册 事件对象

当用户按下鼠标按钮执行JavaScript代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function myFunction(elmnt, clr) {
      elmnt.style.color = clr;
    }
  </script>
</head>
<body>

  <p onmousedown="myFunction(this,'red')" onmouseup="myFunction(this,'green')">
    单击文本改变颜色。触发一个带参数函数,当鼠标按钮被按下,,当释放鼠标按钮，再一次触发其他参数函数
  </p>

</body>
</html>

尝试一下 »

定义和用法

onmousedown 事件会在鼠标按键被按下时发生。

提示： 与 onmousedown 事件相关连得事件发生次序（ 鼠标左侧/中间 按钮）：

  1. onmousedown
  2. onmouseup
  3. onclick

与 onmousedown 事件相关连得事件发生次序 (鼠标右侧按钮):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

语法

在 HTML 中:

<element onmousedown="SomeJavaScriptCode">

在 JavaScript 中:

object.onmousedown = function() {
  SomeJavaScriptCode
};


参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

支持onmousedown 事件的 HTML 标签：

onmousedown 属性适用于所有 HTMl 元素，除了: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 和 <title>.

更多实例

弹出点击的鼠标按钮 - 弹出用户点击的鼠标按钮

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function WhichButton(event) {
      alert("你按下了: " + event.button)
    }
  </script>
</head>
<body>

  <div onmousedown="WhichButton(event);">点击这个文本(用您的鼠标按钮)
    <p>
      0 指定左鼠标按钮<br> 1 指定中间鼠标按钮<br> 2 指定右鼠标按钮
    </p>
    <p><strong>注意:</strong> Internet Explorer 8及更早的版本返回其他结果。<br> 1 指定左鼠标按钮<br> 4 指定中间鼠标按钮<br> 2 指定右鼠标按钮
    </p>
  </div>

</body>
</html>

尝试一下 »

弹出用户点击的元素 - 弹出用户点击的元素名称。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function whichElement(e) {
      var targ;
      if (!e) {
        var e = window.event;
      }
      if (e.target) {
        targ = e.target;
      } else if (e.srcElement) {
        targ = e.srcElement;
      }
      var tname;
      tname = targ.tagName;
      alert("你点击了一个" + tname + " 元素。");
    }
  </script>
</head>
<body onmousedown="whichElement(event)">

  <p>单击文档中的某个地方。一个警告框将提醒你点击的元素的名称。</p>
  <h3>这是一个标题</h3>
  <img border="0" src="/examples/smiley.gif" alt="Smiley" width="32" height="32">
  <p>这是一个段落</p>

</body>
</html>

尝试一下 »

事件对象参考手册 事件对象