jQuery on和trigger新增觸發自定義事件

自定義事件，指的是使用者自己定義的事件。在 jQuery 中，我們可以使用 on() 方法來自定義一個事件，然後使用 trigger() 方法來觸發自定義事件。

舉例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
        $(function () {
            $("#btn").on("delay", function(){
                setTimeout(function(){
                    alert("歡迎來到C語言中文網！")
                },1000)
            })
            $("#btn").click(function(){
                $("#btn").trigger("delay");
            })
        })
    </script>
</head>
<body>
    <input id="btn" type="button" value="按鈕" />
</body>
</html>

預覽效果如圖 1 所示。

圖 1：使用 trigger() 方法觸發自定義事件