如何在 JS 或 Jquery 中向新创建的按钮添加 onclick 事件？

Question

我通过 function.append() 创建了一个 id 为 id 的按钮。 现在我不知道使用它的 id 向它添加任何 onclick 事件。 这就是我所拥有的。

<html>
<body>
<div id="indiv"></div>
<script>
$('#indiv').append('<button id="btn1">press</button>'); 
$('#btn1').on('click', function(){
  alert('Hi!');
});
</script>

Answer 1

这很好用。

 $('#indiv').append('<button id="btn1">press</button>'); $('#btn1').on('click', function(){ alert('Hi;'); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <body> <div id="indiv"></div> </body> </html>

Answer 2

试试这个

$(document).on('click','#btn1',function(){
 alert('Hi!'); 
});

Answer 3

这就是你用普通 JS 解决它的方法（因为你的问题涵盖了 Jquery 和 JS）：

 function myscript() { document.write("My printout"); }

 <html> <body> <div id="indiv"> <button onclick="myscript()">My Button</button> </div> </body> </html>

如何在 JS 或 Jquery 中向新创建的按钮添加 onclick 事件？

问题描述

3 个解决方案

解决方案1
0 2020-10-09 07:25:49

解决方案2
0 2020-10-09 07:28:27

解决方案3
0 2020-10-09 08:37:15

如何在 JS 或 Jquery 中向新创建的按钮添加 onclick 事件？

问题描述

3 个解决方案

解决方案1 0 2020-10-09 07:25:49

解决方案2 0 2020-10-09 07:28:27

解决方案3 0 2020-10-09 08:37:15

解决方案1
0 2020-10-09 07:25:49

解决方案2
0 2020-10-09 07:28:27

解决方案3
0 2020-10-09 08:37:15