Javascript公共脚本库系列(二): 添加事件多播委托的方法

核心提示： 注意:常常在一个项目中,开发日历的程序员并不知道开发菜单的程序员也重写了document.onclick函数.所以如果使用我们平时修改事件的方法会造成覆盖掉别人的函数.三.实现代码. 实现多播委托的脚本非常简单, 我还是将这个方法放到ScriptHelper类中://统一的为对象添加多播事

注意:常常在一个项目中,开发日历的程序员并不知道开发菜单的程序员也重写了document.onclick函数.所以如果使用我们平时修改事件的方法会造成覆盖掉别人的函数.

三.实现代码.

实现多播委托的脚本非常简单, 我还是将这个方法放到ScriptHelper类中:

//统一的为对象添加多播事件委托的方法
/*　
　　参数说明:
　　oTarget　　 : 要添加事件的对象.比如"document".
　　sEventType　: 事件类型.比如单击事件"click".
　　fnHandler　 : 发生事件时调用的方法. 比如一个静态函数"hideCalendar"
　　
　　使用举例:
　　//单击页面的任何元素,只要没有取消冒泡,都可以关闭日历控件
　　var cf = document.getElementById("CalFrame");
　　if( cf != null && hideCalendar != null )
　　{
　　　　ScriptHelper.addEventListener( document, "click", hideCalendar );
　　}
*/
scriptHelper.prototype.addEventListener = function(oTarget, sEventType, fnHandler)
{
　　if( oTarget.addEventListener )//for dom
　　{
　　　　oTarget.addEventListener( sEventType, fnHandler, false )
　　}
　　else if( oTarget.attachEvent )//for ie
　　{
　　　　oTarget.attachEvent( "on" + sEventType, fnHandler);
　　}
}

ScriptHelper类才是我们要打造的.为了实现效果还要添加一些辅助函数, 我们将在下面的实例中讲解到.

四.应用实例

需要用到三个脚本::