cross-browser event handling method

function document_onKeyDown(){
	if (window.attachEvent) {
		//IE and Opera, IE on keydown event need use document element
		document.attachEvent("onkeydown", receivablePanel_onKeyDown);
		return true;
	} else if (window.addEventListener) {
		window.addEventListener("keydown", receivablePanel_onKeyDown, true);
		return true;
	} else {
		document.addEventListener("keydown", receivablePanel_onKeyDown, true);
		return true;
	}
}

首先是判断用的是什么浏览器.每个浏览器都有自己的注册事件的方法.一般标准的注册方法是addEventListener;而ie采用了不标准的方法attachEvent.所以通过判断有没有这2个方法可以简单的判断出用的是IE还是标准的(FF,chrome).
PS:IE9也可以采用addEventListener的方式来注册.这是新加的
[url]http://msdn.microsoft.com/en-us/library/ff975245(v=vs.85).aspx[/url]


然后就是需要注意下用attachEvent注册的时候event name必须写全,也就是onxxx,这个是microsoft的标准.

最后需要注意的是addEventListener的第3个参数,useCapture.
官方给出的解释是:

As to the true or false that is the last argument of addEventListener, it is meant to state whether the event handler should be executed in the capturing or in the bubbling phase. If you’re not certain whether you want capturing or bubbling, use false (bubbling).
[url]http://www.quirksmode.org/js/events_advanced.html[/url]

如果希望handler method在冒泡中执行就传false,希望被捕获执行就用true.冒泡的意思是按照event order依次执行.这会带来一定的困惑.有的时候不需要执行的事就会去执行,譬如form的entry submit.