JavaScript鼠标事件onmousedown|鼠标在元素上按下按键时触发

由 hcduguo

事件对象参考手册

定义与用法

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

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

  1. onmousedown
  2. onmouseup
  3. onclick

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

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

语法格式

在 HTML 中:

< element onmousedown=” myScript“>

在 JavaScript 中:

object.onmousedown=function(){ myScript};

使用 addEventListener() 方法:

Object.addEventListener(“mousedown”, myScript);

示例代码

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

<p onmousedown="myFunction()">Click the text!</p>

亲自试试

浏览器支持

事件Google ChromeInternet ExplorerFirefoxSafariOpera
onmousedownYesYesYesYesYes

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

参数说明

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

支持onmousedown 事件的 HTML 标签：

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

更多示例

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

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

事件对象参考手册

相关