HTML OnMouseDown 事件属性|按下鼠标按钮时运行脚本

由 hcduguo

HTML事件属性

定义与用法

onmousedown 属性在按下鼠标按钮时触发。

提示： 与 onmousedown 事件相关的事件触发顺序 (左/中鼠标按钮):

  1. onmousedown
  2. onmouseup
  3. onclick

与 onmousedown 事件相关的事件触发顺序(右边鼠标按钮):

  1. onmousedown
  2. onmouseup
  3. oncontextmenu

提示： onmousedown 属性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>。

语法格式

<element onmousedown=”script“>

示例代码

<script>
    function mouseDown() {
        document.getElementById("p1").style.color = "red";
    }

    function mouseUp() {
        document.getElementById("p1").style.color = "green";
    }
</script>

效果展示：

点击文本! 在鼠标按下时触发 mouseDown()函数，该函数修改文本样式为红色。 在鼠标松开时触发 mouseUp()函数,该函数修改文本样式为绿色。

亲自试试

浏览器支持

事件属性
OnMouseDownYesYesYesYesYes

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

属性值

值描述
script规定该onmousedown事件触发时执行的脚本。

HTML事件属性

相关