javascript - Jquery keydown 不起作用

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 6 年前。

我正在尝试按 Enter 键以使用 jquery 发送数据，但我的代码无法正常工作。任何人都可以告诉我我在这里缺少什么？

<textarea name="reply" class="reply" id="replyChat" placeholder="Write your message"></textarea>

JS

function SendMessage() { 
       $.ajax({
        type: "POST",
        url: "/ajax/reply",
        data: dataString,
        cache: false,
        success: function(html) {
            $('.messages-body').append(html);
        }
      });
     }

   $('#replyChat').bind('keydown', function(e) {
      if(e.keyCode==13) {
        SendMessage();
    }
  });
  $('body').on("click",".reply-btn",function() {
     SendMessage();
 });

点击功能工作正常，只是 keydown 在这里不起作用。

Answer 1

使用event delegation对于动态生成的元素，尽管使用 event.which jQuery 建议的属性。

function SendMessage() {
  console.log('hi');
  // replace with your ajax code
}

$('body').on('keydown', '#replyChat', function(e) {
  if (e.which == 13) {
    SendMessage();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea name="reply" class="reply" id="replyChat" placeholder="Write your message"></textarea>