Javascript 当有多个实例时，动态生成的jQuery函数停止工作

我有一个聊天应用程序，它的工作原理类似于闲逛。当您单击某个用户时，将生成聊天div。我拥有的一个简单功能是允许他们在文本区域中按enter键发送文本，这很好，但是如果我有多个动态生成的jQuery函数，那么只有最后一个函数仍然可以工作。我假设它停止了前面的实例的运行。我该如何解决这个问题

• 同样，当用户开始聊天时，它会加载该聊天会话的脚本，因为我假设我需要一个唯一的ID而不是类名，这样我就可以将ID传递到数据库-这可能不是我知道的最有效的方式：

  echo "$('#im-textbox".$receiver_id."').on('keyup', function(event){
  
   if (event.keyCode == 13) {
        //$(this.form).submit()
         var dataset = $('#im-form".$receiver_id."').serialize();
        $.ajax({
            url: 'data/add-chat.php',
            data: dataset,
            method: 'post',
            success: function(data) {
                console.log(data);
            }
        });
  
        $('#im-textbox".$receiver_id."').val('')
       return false;
  
     }
    });
  ";
  

---

谢谢你的帮助

我用这个

$(document).on('keyup', '#im-textbox".$receiver_id."', function(event){
  if (event.keyCode == 13) {
          //$(this.form).submit()
           var dataset = $('#im-form".$receiver_id."').serialize();
          $.ajax({
              url: 'https://easyrepair.us/manage/data/add-chat.php',
              data: dataset,
              method: 'post',
              success: function(data) {
                  console.log(data);
              }
          });

          $('#im-textbox".$receiver_id."').val('')
         return false;

       }
  });