如何使用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') });