非冒泡事件
blur focus load unload mouseenter mouseleave change事件不支持像其他事件一样冒泡 ， IE<9 (lack submit/change bubble)
只能在在捕获阶段
elem.addEventListener("click", fn, true);
对于focus 可以用 focusin 来替代，当自己或者子元素获得焦点时触发，可以冒泡
对于blur可以用 focusout 替代，也是可以冒泡的
一个支持键盘访问的下拉菜单
<ol id="dropdown">
<li><a href="#">List item 1</a>
<ol>
<li><a href="#">List item 1.1</a></li>
<li><a href="#">List item 1.2</a></li>
<li><a href="#">List item 1.3</a></li>
</ol>
</li>
[etc.]
</ol>
$('dropdown').onmouseover = handleMouseOver;
$('dropdown').onmouseout = handleMouseOut;
$('dropdown').onfocusin = handleMouseOver; // fix old IE
$('dropdown').onfocusout = handleMouseOut;
$('dropdown').addEventListener('focus',handleMouseOver,true);
$('dropdown').addEventListener('blur',handleMouseOut,true);
