如何使用JavaScript更改动态HTML按钮的onClick事件

Question

我有代码：

HTML：

<div class="modal-footer" >
     <button type="button" class="btn btn-sm btn-default" id="mybutton" style="background-color: #367E2D; color:white; opacity: 1" onclick="chooseme();">OK</button>
</div>

Javascript：

('#mybutton').click(chooseme('123'));

目的：

我想使用Javascript将onClick事件从chooseme()更改为chooseme('123')

上面代码的结果是：

selectme（'123'）立即执行（不单击按钮时）

问题是：任何人都可以解释我的代码有什么问题吗？ 达到上述目的的正确实现是什么？

Answer 1

我从语法上假设您正在使用jQuery。 将事件绑定到JS中的命名函数时，您需要将函数本身传递给回调。 使用当前语法，您chooseme() 返回值从chooseme()传递给click处理程序。 结果，该函数在页面加载时立即被调用。

将hander包装在一个匿名函数中，您可以执行以下操作：

$('#mybutton').on('click', function() { chooseme('123') });