JS基础学习小记（三）

事件高级：

1.注册事件（绑定事件）——  给元素添加事件：传统方式和方法监听方式

• 传统方式：

特点：注册事件的唯一性，后注册的事件会覆盖前面的处理函

<button onclick = "alert(hi)"> </button>

• 方法监听方式：

同一个元素、事件可注册多个监听器，按注册顺序依次执行

addEventListener 事件监听方式 —— eventTarget.addEventListener(type,listener,useCapture) //主要使用方式

1. type:事件类型字符串，比如click mouseover，注意不要带on
2. listener:事件处理函数，事件发生时，调用该监听函数
3. useCaptrue:可选参数，boolean类型，默认false

var btn = document.querySelectorAll('button');
btn[0].addEventListener('click',function () {
        alert('22');
    })
btn[0].addEventListener('click',function () {
        alert('33');
    })  //可以弹出两次，一个事件添加多个监听器

eventTarget.attachEvent(eventNameWithOn,callback) —— 将指定的监听器注册到eventTarget上，当该对象触发指定事件时，指定的回调函数就会被执行。 //此方法已经被弃用，浏览器不能之别此方法了，ie9以前才会使用 

1. eventNameWithOn:事件类型字符串，比如onclick onmouseover，这里要带on
2. callback:事件处理函数，当目标触发事件时回调函数被调用、