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

最新推荐文章于 2024-06-10 22:18:41 发布

djq94496

最新推荐文章于 2024-06-10 22:18:41 发布

阅读量232

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/niulina/p/5680546.html

版权

　　当点击鼠标时，触发鼠标事件，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>

显示结果为：

转载于:https://www.cnblogs.com/niulina/p/5680546.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

djq94496

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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....
复制链接

扫一扫