注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

脚步轻轻

怕惊扰酣睡的梦境

 
 
 

日志

 
 

javascript委托(Delegate)-blur和focus  

2011-09-20 16:03:53|  分类: 我的文档 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

Opera (9.5b) 对于所有的focus和blur事件,不能正确的触发两次;

因此,focus和blur事件的处理函数可以被委派到事件的捕获阶段。

例子1(列表类):

<ol id="列表">

  <li><a href="#">列表项1</a>

    <ol>

      <li><a href="#">列表项1.1</a></li>

      <li><a href="#">列表项1.2</a></li>

      <li><a href="#">列表项1.3</a></li>

    </ol>

  </li>

  其他列表项

</ol>

例子2(表单类):

<form id="表单">

  <input type="text" id="文本框" />

  其他表单项

</form>

这里我们监听的是最外层的ol区块,如果我们用blur和focus事件,只是针对的是这整个的ol的,那么里面控件的focus和blur事件怎么处理呢?

处理方式如下:

IE处理:

$('列表').onmouseover = handleMouseOver;

$('列表').onmouseout = handleMouseOut;

$('列表').onfocusin = handleMouseOver;

$('列表').onfocusout = handleMouseOut;

也可以写成下面的形式:

$('列表').attachEvent('onfocusout',handleMouseOut,true);

如果想要传递参数,可以加个中间函数,例如

$('列表').attachEvent('onfocusout',function(event, myparams){handleMouseOut(event, myparams);},true);

FF处理:

$('列表').addEventListener('focus',handleMouseOver,true);

$('列表').addEventListener('blur',handleMouseOut,true);

  评论这张
 
阅读(485)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017