jQuery on 綁定的事件觸發屢次

時間 2019-11-09

原文原文鏈接

　　前兩天開發一個新功能，用'on'函數爲一個新增長的按鈕綁定了一個事件，後來測試發現，這個事件有可能會觸發屢次。javascript

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>碼上飄</title>
    <script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script>
    <script>
        $(function(){
            $('#btn1').click(function () {
                $('#btnBind').on('click',function () {
                    alert(123);
                });
            });
        })
    </script>
</head>
<body>
<input id="btn1" type="button"  value="確認" />
<input id="btnBind" type="button" value="綁定按鈕" />
</body>
</html>

　　如上面的代碼，若是你點擊屢次'btn1'按鈕，那麼就會綁定多少次click事件到'btnBind'按鈕上，on是綁定多少次就觸發多少次的。html

解決方案

　　要想它只綁定一次，能夠先'off'而後再'on'。java

$('#btnBind').off('click').on('click',function () {
    alert(123);
});

相關標籤/搜索