JQuery 事件触发的三种方式(trigger,triggerHandler)

最新推荐文章于 2024-03-26 18:30:14 发布

houyanhua1

最新推荐文章于 2024-03-26 18:30:14 发布

阅读量1.6k

点赞数

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/houyanhua1/article/details/79615062

版权

JQuery 专栏收录该内容

57 篇文章 0 订阅

订阅专栏

demo.html：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="jquery-1.11.1.js"></script>
    <script>
        $(function () {
//            $(document).on("click", function () {
//                alert("页面被点击了");
//            });

            //触发document的onclick事件(第一种方式)(触发浏览器默认行为)
//            $(document).click();

            //触发document的onclick事件(第二种方式)(触发浏览器默认行为)
//            $(document).trigger("click");

            //触发document的onclick事件(第三种方式)(不触发浏览器默认行为)(相当于阻止默认动作,只会执行事件绑定的函数，并不会触发事件)
//            $(document).triggerHandler("click");

            $("input").on("focus", function () {
                alert("我获取了焦点！");
            });

            //事件触发(不触发浏览器行为)(相当于:只会执行事件绑定的函数，并不会触发事件,并没有获取焦点)
            $(document).click(function () {
                $("input").triggerHandler("focus");
            });
        })
    </script>
</head>
<body>

<input type="text"/>


</body>
</html>

houyanhua1

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JQuery 事件触发的三种方式(trigger,triggerHandler)

demo.html：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script src="jquery-1.11.1.js"&amp
复制链接

扫一扫

专栏目录