拿添加事件示例

?

Js代碼 ?

1. //?方式1 ??
2. function ?addEvent(el,?type,?fn){ ??
3. ???? if (el.addEventListener){ ??
4. ????????el.addEventListener(type,?fn,? false ); ??
5. ????} else { ??
6. ????????el.attachEvent( 'on' +type,?fn) ??
7. ????} ??
8. } ??
9. ??
10. //?方式2 ??
11. var ?addEvent?=?document.addEventListener?? ??
12. ???????? function (el,?type,?fn)?{el.addEventListener(type,?fn,? false );}?: ??
13. ???????? function (el,?type,?fn)?{el.attachEvent( 'on' +type,?fn)};??

    // 方式1
function addEvent(el, type, fn){
	if(el.addEventListener){
		el.addEventListener(type, fn, false);
	}else{
		el.attachEvent('on'+type, fn)
	}
}

// 方式2
var addEvent = document.addEventListener ?
		function(el, type, fn) {el.addEventListener(type, fn, false);} :
		function(el, type, fn) {el.attachEvent('on'+type, fn)};
  

?

方式1在函數內做判斷，每次給元素添加事件都需判斷一次，效率相對低一些。
jQuery 1.6.1/Prototype 1.7/Mootools 1.3/tangram 1.3.6/reg.js/right.js都是采用這種分支方式。


方式2使用了兩個匿名函數，僅在初始化時判斷一次，后每次調用無須判斷。效率相對高一些。
Ext/kissy/qwrap 采用這種分支寫法。

?

?

?

轉自： http://snandy.iteye.com/blog/1152280

勿重復檢測瀏覽器