非冒泡事件

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);

 

 

http://www.quirksmode.org/blog/archives/2008/04/delegating_the.html

转载于:https://www.cnblogs.com/chuangweili/p/5159771.html