javascript委托(Delegate)blur和focus用法实例分析
本文实例讲述了javascript委托(Delegate)blur和focus用法。分享给大家供大家参考。具体分析如下：
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);
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍C#委托delegate实例解析，包括了C#委托delegate实例解析的使用技巧和注意事项，需要的朋友参考一下 所谓c#的委托就是说把函数当参数来传递。 这个在js完全就用不着搞什么委托东西，直接转就是了。而对于C#来说则不是这样！ 一个函数，如果它的参数是函数，那么是这样子写的 ： 意思是说这个将被传进来的函数是一个没有return的函数，就是public void, 它需要一个
-
本文向大家介绍JavaScript的事件代理和委托实例分析，包括了JavaScript的事件代理和委托实例分析的使用技巧和注意事项，需要的朋友参考一下 在JavaScript中，经常会碰到要监听列表中多项li的情形，假设我们有一个列表如下： 如果我们要实现以下功能：当鼠标点击某一li时，alert输出该li的内容，我们通常的写法是这样的： 当列表项比较少时，直接给每个li添加onclick事件 列
-
本文向大家介绍JavaScript事件委托技术实例分析，包括了JavaScript事件委托技术实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例分析了JavaScript事件委托技术。分享给大家供大家参考。具体分析如下： 如果一个整体页面里有大量的按钮.我们就要为每一个按钮绑定事件处理程序.这样就会影响性能了. 首先每个函数都是对象,对象就会占用很多内存.内存中的对象越多,性能就越差. 其
-
本文向大家介绍C#委托现实示例分析，包括了C#委托现实示例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了C#委托现实的用法。分享给大家供大家参考。具体分析如下： 输出为： 希望本文所述对大家的C#程序设计有所帮助。
-
本文向大家介绍JQuery事件委托原理与用法实例分析，包括了JQuery事件委托原理与用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery事件委托原理与用法。分享给大家供大家参考，具体如下： 事件委托就是利用事件冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作。事件委托首先可以极大的减少事件绑定次数，其次也可以让新加入的子集元素也拥有相同的操作。 一
-
本文向大家介绍jQuery的事件委托实例分析，包括了jQuery的事件委托实例分析的使用技巧和注意事项，需要的朋友参考一下 事件委托主要是利用事件冒泡现象来实现的，对于事件委托的精准的掌握，可以有利于提高代码的执行效率。先看一段代码实例: 在以上代码中，使用bind()方法为每一个td绑定了一个click事件处理函数，这样当点击单元格的时候，就会重新设置单元格中的文本。虽然此中方式实现了需要的效果