在JavaScript使用element.innerHTML创建的元素上触发onclick事件

时间:2019-01-02 07:57:58

标签: javascript jquery onclick innerhtml

我正在使用以下代码通过javascript创建删除按钮:

btnclick = '<button class="deleteMe">' + 'X' + '</button>';
output.innerHTML = "whatever" + btnclick;

如何在此按钮上启动onclick功能?现在我正在做这样的事情:

$(document).ready(function() {
  $(".deleteMe").on("click", function(){
    alert("clicked");
  });
});

在单击按钮时我没有收到任何警告消息。

1 个答案:

答案 0 :(得分:0)

假设您将div作为输出,

您只需将按钮添加到div中并执行功能

$('#output').append('whatever  <button class="deleteMe">x</button>');
$(document).ready(function(){ 
  $('body').on('click','.deleteMe',function(){ 
    alert('delete button clicked!!!');
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="output"></div>