js自定义事件

1.on-*方式：

el.onclick = fun1；

el.onclick = fun2;

el.onclick = fun3;

该方法兼容主流浏览器，但是如果添加多个回调函数，只会执行最后一个，比如上面只会执行fun3；

2.

w3c标准：

el.addEventListener(type, fun, boolean)

type： 事件类型，如click

fun： 回调函数，

boolean： 是否在捕捉阶段触发，默认是false，代表在冒泡阶段触发

添加多个回调：18px

el.addEventListener('click', fun1, true);

el.addEventListener('click', fun2, true);

el.addEventListener('click', fun3, true);

执行顺序为： 1,2,3

删除回调：

el.removeListener(type,fun,boolean);

禁止冒泡：

e.stopPropagation();

禁止默认行为：

e.preventDefault();

事件触发对象：e.target

IE：

el.attachEvent(type, fun)

type: 事件类型， 写法要加个on，如onclick

fun： 同上

添加多个回调：

el.attachEvent('onclick', fun1);

el.attachEvent('onclick', fun2);

el.attachEvent('onclick', fun3);

执行顺序为： 3,2,1

删除回调：

el.detachEvent(type,fun);

禁止冒泡：

e.cancalBubble = false;

禁止默认行为：

e.returnValue = false;

事件触发对象： e.srcElement