Villain博客《javascript 给元素添加事件监听》正文开始，本次阅读大概10分钟。
JavaScript一直以来都是前端开发中最重要的一环，而元素事件监听则是Javascript中最常用的编程技巧之一。在日常开发过程中，为了实现更好的用户交互，我们经常需要对网页元素添加事件。那么，该如何在javascript中为元素添加事件监听呢？ 在Javascript中给元素添加事件监听非常简单，只需要使用addEventListener()方法即可。addEventListner()方法是一种跨浏览器支持的事件监听方法，可以让我们为元素添加多个事件监听器，并且支持事件冒泡。 例如，我们可以在HTML中定义一个按钮元素，并在Javascript中给该按钮添加一个点击事件监听器：button id="myButton"点击我/button
// 查找按钮元素
var button = document.getElementById("myButton");
// 添加点击事件监听器
button.addEventListener("click", function(){
alert("Hello World!");
});input type="text" id="myInput" /
//查找文本框元素
var input = document.getElementById("myInput");
//添加键盘按下事件监听器
input.addEventListener("keydown", function(event){
alert("您按下了键盘上的" + event.keyCode + "号键");
});button id="myButton"悬停效果/button
//查找按钮元素
var button = document.getElementById("myButton");
//添加鼠标移入事件监听器
button.addEventListener("mouseenter", function(event){
this.style.backgroundColor = "yellow";
});
//添加鼠标移出事件监听器
button.addEventListener("mouseleave", function(event){
this.style.backgroundColor = "";
});
