jQuery自定义自动触发事件

jQuery自定义自动触发事件, 首先你的自定义事件必须是通过on绑定的,再者你的这个事件必须通过trigger或者triggerHandler来触发。

<!DOCTYPE html>
<html lang="ch">
    <head>
        <meta charset="UTF-8">
        <title>jQuery自定义自动触发事件</title>
        <script src="js/jquery-1.12.4.js"></script>
        <script type="text/javascript">
            $(function () {
     
     
                $("button").on("myClick",function (event,message) {
     
     
                    alert("test"+"->data:"+message)
                })
                $("button").triggerHandler("myClick",["这是我自定义的自动触发事件"])
                // $("button").trigger("myClick",["这是我自定义的自动触发事件"])
            })
        </script>
    </head>
    <body>
        <button>按钮</button>
    </body>
</html>

在这里插入图片描述
它是自动触发的,然后有的人就会想triggerHandler和trigger有什么区别没?
先看看它的源码:
在这里插入图片描述
虽然你看了可能也不明白,但是看源码是个好习惯。
结论:
trigger: 如果利用trigger自动触发事件,会触发事件冒泡和它的默认行为
triggerHandler: 如果利用triggerHandler自动触发事件, 不会触发事件冒泡,也不会触发它的默认行为

猜你喜欢

转载自blog.csdn.net/qq_43612538/article/details/108980873