js原生事件的绑定

js原生事件类型

1. click：单击
2. dblclick：双击
3. mousedown：鼠标按下
4. mouseup：鼠标抬起
5. mouseover：鼠标悬浮
6. mouseout：鼠标离开
7. mousemove：鼠标移动

 事件绑定

var test=document.getElementById("test");
//第一种写法   需要在事件名称前面加上一个on修饰
test.οnclick=()=>{
    //代码
}

//第二种写法  这一种写法不用加修饰
test.addEventListener("click",()=>{
    //代码
})

 这两种写法的区别是如果同一个对象连续用第一种写法进行绑定，那么则只有最后一次绑定的事件会执行。

第二中可以依次执行，所有绑定的逻辑会去执行