如何使用JavaScript處理html按鈕元素的“ onclick”事件？

Question

document.getElementById("RightButton").innerHTML="Back to Question";
document.getElementById("RightButton").onclick=GoBack();

是我為解決問題而編寫的代碼。 第一行成功更改了按鈕的名稱，但是第二行根本不起作用。

您可能已經發現，我完全是新手。 如果您使用過多的行話，則可能需要我再問一個問題來弄清楚行話。

Answer 1

只需刪除() 。 這樣，您可以傳遞函數本身而不是調用它。

Answer 2

GoBack是一個函數。 將函數引用分配給onclick屬性，但不要立即執行() 。 這樣，您可以將調用結果分配為處理程序，而不是單擊元素時要執行的函數。 在此處閱讀有關事件注冊的更多信息 。

var button = document.getElementById("RightButton");
button.innerHTML = "Back to Question";
button.onclick = GoBack;

注意，常規上僅構造函數使用大寫字母。

Answer 3

您正在調用GoBack()函數，而不是將其分配給onclick事件。 將您的代碼更改為以下代碼，您應該已經准備就緒。

document.getElementById("RightButton").onclick=GoBack;