onmousedown 事件 | HTML DOM 事件对象

返回到:DOM 对象:HTML DOM 事件对象

定义和用法

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。

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

支持onmousedown 事件的 HTML 标签:

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

实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Web176教程(Web176.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>

作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3865.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年9月24日 下午3:18
下一篇 2021年9月24日 下午3:25

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注