脚本语言 订阅所有【脚本语言】的日志

jQuery自定义事件添加和触发示例

编辑:dnawo 日期:2019-11-23

字体大小: 小 中 大
我们可以用jQuery的on方法在任一对象上添加自定义事件，之后用trigger方法触发自定义事件，代码示例：

复制内容到剪贴板程序代码 程序代码
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jQuery自定义事件添加触发示例</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="//code.jquery.com/jquery-latest.js"></script>
    </head>

    <body>
        <button>Button #1</button>
        <script>
            //1.添加自定义事件
            $(document).on("event_mzwu_com", "button", function(event, param1, param2) {
                alert(param1 + "\n" + param2);
            });
            //2.触发自定义事件
            $("button").trigger("event_mzwu_com", ["Custom", "Event"]);
        </script>
    </body>
</html>


上一篇: Bootstrap Table服务器端分页使用示例
下一篇: Chrome无痕模式和Firefox隐私窗口启动参数
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags:
最新日志:
评论: 0 | 引用: 0 | 查看次数: 1642
发表评论
请登录后再发表评论！