jQuery Event Handlers 中鼠标事件mousedown mouseup click的执行顺序

　　当点击鼠标时，触发鼠标事件，mousedown mouseup click三个事件的触发顺序为mousedown-》mouseup-》click

例：

<!DOCTYPE html>
<html>
    <head>
        <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
        <link rel="stylesheet" type="text/css" href="style.css">
        <script>
            $(document).ready(function(){
                $("#one").on("mousedown",function(){
                    $("#result").append("mousedown");
                });
                $("#one").on("mouseup",function(){
                    $("#result").append("mouseup");
                });
                $("#one").on("click",function(){
                    $("#result").append("click");
                });
            });
        </script>

    </head>
    <body>
        <p id="result">jQuery Event Handlers</p>
        <button id="one">button</button>
    </body>
</html>

显示结果为：

 

posted @ 2016-07-18 11:18  一个悬浮在空中的胖子  阅读(489)  评论(0)  编辑  收藏  举报