addEventListener绑定事件

addEventListener绑定事件

  1.原型：element.addEventListener(event,function,userCapture)
  2.userCapture  的值有两种true和false。 如果为false 意思是冒泡，会先显示子元素的事件，再处理外部元素也就是父元素的事件
  如果是true也就是 事件捕获，先处理外部元素的事件，再处理内部元素的事件。

document.getElementById('inner').addEventListener('click', function () { console.log("我是inner的点击事件"); }, true); document.getElementById("outer").addEventListener('click', function () { console.log("我是outer的点击事件"); }, true)
//输出结果先 outer再inner

document.getElementById('inner').addEventListener('click', function () { console.log("我是inner的点击事件"); }, false); document.getElementById("outer").addEventListener('click', function () { console.log("我是outer的点击事件"); }, false)
//输出结果先inner在outer

attachEvent(事件类型, 处理函数);

只有两个参数，而且事件类型还必须要带上‘on’---onclick.

document.getElementById("outer").attachEvent('onclick', function () { console.log("我是outer的点击事件"); })