javascript - 多次运行 jQuery 的函数

Question

下面是附加到 keyup 事件的函数，该函数在第一个 keyup 上正常工作，但在每个后续 keyup 上它多次运行该函数。例如，在第一个 keyup 事件上，函数运行 1 次，在第二个 keyup 事件上，函数运行 2 次，在第三个 keyup 事件上，函数运行 2 次。它运行 3 次，依此类推。

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

我已经阅读了有关此问题的其他帖子，但无法将其应用到我的场景中。有人可以就此提出建议吗？

Answer 1

每次元素获得焦点时，您都​​会重新绑定(bind) keyup 事件。

如果你想这样绑定(bind)，你还应该有一个 blur 事件来取消绑定(bind)。不过，实际上，您可以安全地只绑定(bind) keyup 而不必担心 focus。该元素只有在聚焦时才会真正触发keyup。

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