• 技术文章 >常见问题

    mousedown是什么事件

    (*-*)浩(*-*)浩2019-06-22 11:21:57原创3571
    mousedown

    当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生mousedown事件。

    与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。

    mouseup(推荐学习:JavaScript视频教程

    当在元素上松开鼠标按键(左、右键均可)时,会发生 mouseup 事件。

    与 click 事件不同,mouseup 事件仅需要松开按钮。当鼠标指针位于元素上方时,放松鼠标按钮就会触发该事件。

    click

    当鼠标指针停留在元素上方,然后按下并松开鼠标左键时,就会发生一次 click 事件。

    注意:触发click事件的条件是按下并松开鼠标左键!,按下并松开鼠标右键并不会触发click事件。

    三个事件的触发顺序

    若在同一个元素上按下并松开鼠标左键,会依次触发mousedown、mouseup、click,前一个事件执行完毕才会执行下一个事件

    若在同一个元素上按下并松开鼠标右键,会依次触发mousedown、mouseup,前一个事件执行完毕才会执行下一个事件,不会触发click事件

    实例:当按下鼠标按钮时,隐藏或显示元素:

    <html>
    <head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
    $("button").mousedown(function(){
    $("p").slideToggle();
    });
    });
    </script>
    </head>
    <body>
    <p>这是一个段落。</p>
    <button>切换</button>
    </body>
    </html>

    更多js相关技术文章,请访问js教程栏目进行学习!

    以上就是mousedown是什么事件的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:mousedown
    上一篇:计算机指令的基本概念 下一篇:手机定位服务在哪里打开

    相关文章推荐

    • jQuery中关于title属性导致触发mousedown事件时连带触发mousemove事件详解• javascript简单拖拽鼠标事件mousedown和mousemove以及mouseup实例分析• 关于jQuery中mousedown和mouseup事件响应的问题解决• JQuery使用mousedown和mouseup判断鼠标按下与释放位置是否相同

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网