117笔记问答要正确使用addEventListener绑定事件，请遵循以下步骤：
- 选择要添加事件的元素：首先，您需要选择要添加事件的DOM元素。您可以使用
document.querySelector()或document.getElementById()等方法来选择元素。
const element = document.querySelector('#myElement');
- 定义要触发的事件类型：接下来，确定要触发的事件类型。例如，您可以添加点击事件（
click）、悬停事件（mouseover）等。
const eventType = 'click';
- 创建要执行的函数：然后，定义一个要在事件触发时执行的函数。确保此函数在全局作用域中定义，以便在事件监听器内部可以访问它。
function handleClick() {
alert('Element clicked!');
}
- 使用
addEventListener方法绑定事件：最后，使用addEventListener方法将事件类型和要执行的函数绑定到所选元素。
element.addEventListener(eventType, handleClick);
将所有步骤放在一起，完整的示例代码如下：
const element = document.querySelector('#myElement');
const eventType = 'click';
function handleClick() {
alert('Element clicked!');
}
element.addEventListener(eventType, handleClick);
现在，每当用户点击ID为myElement的元素时，都会弹出一个警告框显示“Element clicked!”。