javascript - JQuery .on ("keydown") 附加到页面时不起作用

标签 javascript jquery

<分区>

我有一个侧面菜单,您可以右键单击它并选择重命名。这删除了 ​​<a href="...来自 <li></li>并添加一个输入字段。我似乎无法让这个附加的输入做任何事情,但似乎我可以让它在没有附加的输入上工作。

$('.ShowInput').click(function(e) {
    $('body').html("<input type='text' value='search' class='search'>");
});
$("input").on("keydown",function search(e) {
    if(e.keyCode == 13) {
        alert($(this).val());
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="ShowInput">
  Click to show input
</div>

最佳答案

尝试将您的 keydown 事件绑定(bind)到祖先元素,并将您的输入与搜索类作为参数传递给 .on() 方法。

$("body").on("keydown", "input.search", function (e) {
  var inputValue = $(this).val(); 
  if(e.keyCode == 13) {
    alert(inputValue);
  }
});

关于javascript - JQuery .on ("keydown") 附加到页面时不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37265440/

相关文章:

javascript - Jquery 分配第二个子属性

javascript - 创建一个下拉菜单,在页面顶部向上打开,向下滚动时向下打开

jquery - 使用 Tempus Dominus 中的 viewDate 函数设置日历值

javascript - 这个对象在 .mouseenter() 函数中

javascript - src 是图像交换中 undefined variable

javascript - $(document).ready(function() 干扰日期选择器显示?

javascript - 使用 jQuery .attr() 时 bool 值是否会自动转换为字符串?

javascript - HTML 表单的某些部分未通过 POST 发送

javascript - Mongoose 错误 : JavaScript heap out of memory

javascript - 打开模态窗口时如何使背景模糊