jquery on ready keypressed

Question

我的頁面有元素加載ajax，我需要使用輸入去下一個輸入，textarea或選擇。 某些輸入有格式化數字的功能，但上述解決方案只運行一次。

$(document).on('keypress',function(){ 
    var inputs = $('input, select, textarea').on("keypress", function(e) { 
    if (e.which == 13) { 
     if ($(this).attr('data-format')) { 
      formatNumber($(this)); 
     } 
     e.preventDefault(); 
     var nextInput = inputs.get(inputs.index(this) + 1); 
     if (nextInput) { 
      nextInput.focus(); 
     } 
    } 
}); 
}); 

Answer 1

正如Rory和Jason所提到的，您可能正在尋找活動代表團。這將允許任何初始不存在的新輸入一旦出現就仍然響應按鍵事件。下面是關於這個問題的好文章：https://learn.jquery.com/events/event-delegation/和你的代碼應該是這個樣子：

UPDATE：

$(document).on('keypress', 'input, select, textarea', function(e){ 

    var inputs = $("input, select, textarea"); 

    if (e.which == 13) { 
    if($(this).attr('data-format')){ 
     formatNumber($(this)); 
    } 
    e.preventDefault(); 
    var nextInput = inputs.get(inputs.index(this) + 1); 
    if (nextInput) { 
     nextInput.focus(); 
    } 
    } 
}); 

Answer 2

這對我的作品

$(document).on('keypress',function(){ 
var inputs = $('input, select, textarea').one("keypress",function (e) { 
    if (e.which == 13) { 
    if($(this).attr('data-format')){ 
     formatNumber($(this)); 
    } 
    e.preventDefault(); 
    var nextInput = inputs.get(inputs.index(this) + 1); 
    if (nextInput) { 
     nextInput.focus(); 
    } 
    } 
}); 

}）;