輸入鍵在Javascript中只發送一次作品

Question

我有一個提交表單的代碼，每當我們在文本區域按下回車鍵時......它可以工作，但代碼只運行一次。 每當我再次按 Enter 提交時，它都不起作用。

這是我的 Javascript 代碼：

$('.comment_ta').on("keypress" , function(e){

    if (e.which == 13) {
       $(this).closest('form').submit();
    }

});

這是表單和文本區域 .. 代碼在 ruby​​ n haml 中

=form_for( ([c,c.confessioncomments.build]), remote: true ) do |f|
        .cmnt
            =f.text_area :content class: "form-control comment_ta"
        =f.submit 'Comment'     , clasS:'btn btn-default cbtn'

現在它第一次運行良好，但是每當我在提交后呈現新表單時它都不起作用。

Answer 1

試一試：

$(document).on('keypress', '.comment_ta', function(e){

    if (e.which == 13) {
       $(this).closest('form').submit();
    }

});

我認為這是因為.comment_ta元素在 DOM 中被替換，這意味着.on事件偵聽器將不再工作。 通過將事件偵聽器應用於document ，事件偵聽器應該繼續工作。