javascript事件API

浏览器事件三种用法

1.写着标签内:

<div onclick="onClickFn()"></div>

2.写着脚本里面,属性方式引用

el.onXXX = function(){}

通程DOM0事件系统,支持单个事件绑定,

3.写着脚本里面,通过绑定方式引用

el.attachEvent("on"+type, callback);

或者

el.addEventListener(type,callback, useCapture);

//第三个参数设置冒泡顺序,false则是默认由里向外事件冒泡,

//true,则由外向里事件冒泡

IE Opera

绑定事件:el.attachEvent("on" + type, callback);

卸载事件:el.detachEvent("on" +type, callback);

创建事件:document.createEventObject();

派发事件:el.fireEvent(type, event);

Chrome等标准

绑定事件:el.addEventListener(type, callback, useCapture);

卸载事件:el.removeEventListener(type, callback, useCapture);

创建事件:el.createEvent(types);

初始化事件:event.initEvent();

派发事件:el.dispatchEvent(event)