Question

当点击输入键时，我试图点击带有js的按钮。

document.onkeydown = function(event) {
  if (event.keyCode == 8) {
    document.getElementById('alert_next').click();

  }
return event.returnValue;
}

它确实可以使用页面上的按钮。但是一旦我尝试在一个模态按钮上使用它，脚本似乎无法工作。

编辑：我很愚蠢.. 错误只是加载脚本的时间

Answer 1

您需要创建一个文档事件监听器

基本上我认为正在发生的是这个

jsFiddle：https://jsfiddle.net/7c8rza12/

HTML

<button id="add">
Add
</button>
<div id="content">

</div>

jquery的

$(function()
{
    $('#add').on('click', function()
  {
    $('#content').html("<p class='info'>Click here for info</p>");
  });

  $('.info').on('click', function()
  {
    alert($(this));
  });
});

我们有.info的点击事件，但是文档已经准备好了，所以当我们添加新内容时，它并不知道将点击事件绑定到此。我们需要做的是这个

jsFiddle：https://jsfiddle.net/7c8rza12/1/

jquery的

$(function() {
  $('#add').on('click', function() {
    $('#content').html("<p class='info'>Click here for info</p>");
  });

  $(document.body).on('click', '.info', function() {
  alert($(this));
  });
});

JS脚本不适用于模态

1 个答案: