jquery的 $.Event()

//html
<input type="text" id="input-1" />

// js
<script>
    +function ($) {
        function testEvent() {//第 二步 click  导致 本函数执行
            var hidden = jQuery.Event("hide.bs", {//第 二步 (1)为event添加额外参数
                user: "foo",
                pass: "bar",
                relatedTarget: $("#input-1")[0]
            });
            $("#input-1").trigger(hidden);//第 二步 (2) 派发自定义事件
        }

        $("#input-1").on("click", testEvent);//第一步 普通注册 click监听
    }(jQuery)
    $(function () {
        $("#input-1").on("hide.bs", function (event) {//第 三 步 注册事件,(上面派发后 本函数执行)
            alert(event.relatedTarget.tagName)//INPOUT
            alert(event.user)//foo
        })
    })

</script>

 

posted @ 2017-02-15 20:05  _白马非马  阅读(1480)  评论(0编辑  收藏  举报