首页 > 其他 > 详细

非冒泡事件

时间:2016-01-26 12:15:46      阅读:173      评论:0      收藏:0      [点我收藏+]

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.cnblogs.com/chuangweili/p/5159771.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!