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)