Javascript委托(委托)模糊和焦点使用实例分析

本文演示了Javascript委托(委托)模糊和焦点的用法,供您参考,具体分析如下:

歌剧(9.5b)不能触发两次正确的所有焦点和模糊事件;

因此,焦点和模糊事件的处理函数可以委托给事件的捕获阶段。

示例1(列表类):

复制代码代码如下所示:

列表项1



列表项1.1

列表项1.2

列表项1.3





其他项目清单



示例2(表单类):

复制代码代码如下所示:



其他形式的项目



这里我们监视最外层的块。如果我们使用模糊和焦点事件来瞄准整个OL,那么我们如何处理控件中的焦点和模糊事件呢

治疗方法如下:

即处理:

复制代码代码如下:$('list onmouseover = handlemouseover);

$('list onmouseout= handlemouseout);

$('list)。Onfocusin = handlemouseover;

$('list)。onfocusout = handlemouseout;

它也可以写成以下形式:

复制代码代码如下:$('list)。AttachEvent('onfocusout ',handlemouseout,真的);

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

复制代码代码如下:$('list)。AttachEvent('onfocusout功能(事件、myparams){ handlemouseout(事件、myparams);},真的);

FF处理:

复制代码代码如下:$('list)。AddEventListener('focus',handlemouseover,真的);

$('list)。AddEventListener('blur ',handlemouseout,真的);

希望本文能对大家的javascript程序设计有所帮助。