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

Posted

技术标签:

【中文标题】键输入在引导弹出窗口输入中不起作用 - jquery【英文标题】:Key enter not working inside bootstrap popover input - jquery 【发布时间】:2019-07-17 10:34:59 【问题描述】:

我想在 bootstrap popover 中进行输入,然后按 Enter 键以使用 ajax 将输入保存到数据库中,但是带有 keypress 事件的代码不能在 popover 输入中工作,但在 popover 之外的输入上工作。

$('.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!');

【问题讨论】:

【参考方案1】:

由于在页面加载期间没有加载弹出窗口的内容,因此您可能无法直接寻址 DOM 对象。而是使用父 DOM 对象并在事件之后使用选择器对按键事件进行操作

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

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

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

【讨论】:

【参考方案2】:

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

【讨论】:

以上是关于键输入在引导弹出窗口输入中不起作用 - jquery的主要内容,如果未能解决你的问题,请参考以下文章

Javascript iframe 未在引导弹出窗口中加载(模式)

我可以在引导弹出窗口中显示 Twitter 提要吗?

关闭引导弹出事件与 jquery 验证插件冲突

引导弹出窗口切换事件不起作用

弹出框在外部单击时手动关闭:在 Safari 中不起作用

在引导弹出框元素上设置事件侦听器