jQuery的绑定功能不起作用

Question

此代码适用于使用jQuery的聊天应用程序。 fetchMsg方法可以正常工作。 问题出在入门类的textarea中，由于某种原因， bind函数不起作用。 它不响应任何关键事件。 我试过live功能on的功能。 问题出在javascript中还是应该将textarea标记更改为输入类型的文本标记？

// delcare new js global object

var chat = {}

chat.entry = $('.chat .entry');

// binding keydown event handler
// THIS PART DOESNT WORK 
chat.entry.bind('keydown', function(e) {
  console.log(e.keyCode);
  if (e.keyCode === 13 && e.shiftKey === false) {
    chat.throwMsg($(this).val());
  }
  e.preventDefault();
});

// fetch msgs method
chat.fetchMsg = function() {
  $.ajax({
    url: 'engine/chat.php',
    type: 'post',
    data: {
      method: 'fetch'
    },
    success: function(data) {
      $('.chat .msgs').html(data);
    }
  });
}
chat.throwMsg = function(msg) {
  if ($.trim(msg).length != 0) {
    $.ajax({
      url: 'engine/chat.php',
      type: 'post',
      data: {
        method: 'throw',
        msg: msg
      },
      success: function(data) {
        chat.fetchMsg();
        chat.entry.val('');
      }
    });
  }
}

chat.interval = setInterval(chat.fetchMsg, 2000);

Answer 1

尝试这个

$(document).ready(funciton(){
$(document).on('keydown', '.chat .entry', function (evt) {
    console.log(e.keyCode);
    if(e.keyCode === 13 && e.shiftKey === false)
    {
        chat.throwMsg($(this).val());
    }
    e.preventDefault();
    });

}）;