jquery - 键输入在 Bootstrap 弹出窗口输入中不起作用 - jquery

Question

我想在 Bootstrap 弹出窗口内进行输入，然后我按 Enter 键使用 ajax 将输入保存到数据库中，但带有按键事件的代码不适用于弹出窗口输入，但适用于弹出窗口外部的输入。

$('.btn-danger').popover({content: "<input type='text' class='form-control' name = 'suma-budzet' id = 'suma-budzet'>", html: true,}); 

$('input').on("keypress", function(e) {
if (e.which == 13) {
   alert('ya!');
}

Answer 1

由于弹出窗口的内容在页面加载期间未加载，因此您可能无法直接寻址 DOM 对象。相反，使用父 DOM 对象并在事件发生后使用选择器对按键事件进行操作

$('body').on('keypress','#suma-budzet', function(e){
  if (e.which == 13) {
    alert('ya!');
  }
}

通过 ID 而不是标签名称来寻址元素也更好、更具体

http://api.jquery.com/on/使用选择器检查版本。