添加HTML事件监听的方法如下:

1、使用标签在HTML文件中添加JavaScript代码。
2、为需要添加事件监听的元素设置id属性,以便在JavaScript中引用该元素。
3、在JavaScript代码中,通过getElementById()方法获取元素对象。
4、为元素对象添加事件监听器,如onclick、onmouseover等。
5、编写事件处理函数,当事件触发时执行相应的操作。
下面是一个具体的示例:
HTML代码:
事件监听示例
JavaScript代码(script.js):
// 获取按钮元素
var button = document.getElementById("myButton");
// 为按钮添加点击事件监听器
button.addEventListener("click", function() {
// 编写事件处理函数,当按钮被点击时弹出提示框
alert("按钮被点击了!");
});