Key Enter 在 bootstrap 弹出窗口输入中不起作用 - jquery

Question

我想在 bootstrap 弹出窗口中进行输入，然后我按下回车键将输入保存到数据库中 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

我认为您可以将其创建为不同的函数并调用该函数，而不是直接调用。有时 bootstrap 会覆盖其功能而不是使用我们的调用

Answer 2

由于在页面加载期间不会加载弹出窗口的内容，因此您可能无法直接访问 DOM 对象。而是使用父 DOM 对象并在事件

之后使用选择器对按键事件进行操作

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

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

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

Key Enter 在 bootstrap 弹出窗口输入中不起作用 - jquery

Key enter not working inside bootstrap popover input - jquery

jquery

popover

twitter-bootstrap