函數多次運行jQuery

Question

下面是附加到keyup事件的函數，該函數在第一次keyup上應有的工作，但在隨后的每次keyup它將多次運行該函數。 因此，例如，在第一keyup事件函數運行1次，2號keyup函數運行2次事件，在第三keyup它運行的3倍等。

 $(document).on('pageinit','#address_page,#edit_address_page', function(){                                      
         $(".names").focus(function() {                                                                                        
         $(this).on('keyup', function() { 
         // Do Something
});

我已經閱讀了有關此問題的其他文章，但無法將其應用於我的方案。 有人可以為此提供建議嗎？

Answer 1

每當元素被聚焦時，您都將重新綁定keyup事件。

如果要這樣進行綁定，還應該有一個blur事件來取消綁定。 但是，實際上，您實際上可以安全地綁定keyup而不必擔心focus 。 該元素僅在被focused時才實際觸發keyup 。

$(".names").keyup(function () {
    // do stuff
});

Answer 2

問題是每次輸入集中時都會添加新的keyup處理程序，以便進行嘗試（不確定jquery移動語法以及是否需要pageinit ）

$(document).on('pageinit', '#address_page, #edit_address_page', function () {
    $(this).find('.names').on('keyup', function () {
        // Do Something
    });
});