[英]How to attach a click handler with addEventListener
這是我的代碼的 html 部分：
<!DOCTYPE html>
<html>
<head>
<h>
<title> This page</title>
</h>
</head>
<body>
<button id = "go-button" >GO</button>
<script src="main.js"></script>
</body>
</html>
這是我的代碼的 javaScript 部分：
function buttonClicked(){
console.log("button clicked");
}
var btn = document.getElementById("go-button");
btn.addEventListener("clicked", buttonClicked);
每當我嘗試在控制台上打印它時，它都沒有顯示任何 output，我很困惑
沒有點擊事件，但點擊：
btn.addEventListener("click", buttonClicked);
正確clicked以click它應該可以工作。
addEventListener function 有兩個參數，一個是事件，第二個是要執行的 function，你把第一個參數拼錯了。
btn.addEventListener ('click', buttonClicked);
事件名稱是“click”，而不是“clicked”
如何在Java腳本中的自定義HTMLElement中為錨附加點擊處理程序？
[英]How to attach a click handler for an anchor in a custom HTMLElement in java script?
如何用 addEventListener 替換 @click 並使 addEventListener 像@click 一樣靈活？
[英]How to replace @click by addEventListener and make addEventListener so flexible as @click?
如何創建對anonymouse addEventListener處理程序的引用？
[英]How to create a reference to an anonymouse addEventListener handler?
如何將Click事件處理程序附加到HighMaps上的空數據點
[英]How do I attach a click event handler to null data points on HighMaps
如何在畫布圓上附加jQuery Click事件處理程序以顯示彈出框
[英]How to attach jquery click event handler on canvas circle to display pop up box
如何將不同的處理程序分配給一個事件偵聽器，例如單擊 addEventListener。 這就是我正在做的事情
[英]How do I assign different handler to one event listener like the click addEventListener. This is what I have being doing
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.