要在多个页面上使用addEventListener来附加事件侦听器,最好将JavaScript代码保存在单独的JavaScript文件中,并将其链接到每个HTML文件中。
例如,在JavaScript文件中,我们可以编写以下代码:
function handleButtonClick() {
// do something when button clicked
}
var button = document.getElementById("my-button");
if (button) {
button.addEventListener("click", handleButtonClick);
}
在每个HTML文件中,请确保按钮的ID与JavaScript代码中的ID匹配:
通过这种方法,我们可以在多个页面上使用相同的JavaScript代码并且只需要更改HTML文件,而无需更改JavaScript文件。