JS事件绑定三种方式

1. 在html标签中直接绑定；

 <input type="button" id="btn0" οnclick="alert('执行了html绑定的方法')" value="html中绑定"></input>

2. 在js中获取到相应的dom元素后绑定；

重复绑定会覆盖之前绑定的onclick事件

let button1 = document.getElementById("btn1")

button1.onclick = function() { console.log("执行了js绑定的事件") }

3. 在js中使用addEventListener（）实现绑定；

let button2 = document.getElementById("btn2")

//使用addEventListener（）可为一个元素绑定多个事件

button2.addEventListener("mouseover", func1, false)

 //使用removeEventListener(event,function)移除事件，需知道事件名
 // button2.removeEventListener("mouseover", func1)