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

核心提示： ScriptHelper 与业务逻辑无关的, 实现效果的工具类, 放在ScriptHelper.js中.代码较多,此处忽略.引用地址:http://files.cnblogs.com/zhangziqiu/CommonScript.jsCommonScript 与业务逻辑相关的类.目前里面

ScriptHelper

与业务逻辑无关的, 实现效果的工具类, 放在ScriptHelper.js中.

代码较多,此处忽略.

引用地址:http://files.cnblogs.com/zhangziqiu/CommonScript.js

CommonScript

与业务逻辑相关的类.目前里面有一个方法closeMenu用于关闭网站的所有菜单.放在CommonScript.js中

代码:

/* CommonScript是静态类, 里面存放和项目相关但是会被多个页面使用的方法.
　 修改历史:
　 2009.2.6 增加closeMenu函数,用于关闭网站所有菜单项.
*/
var CommonScript = function()
{
}
CommonScript.closeMenu = function()
{
　　ScriptHelper.closeDivCommon("subMenu1");
　　ScriptHelper.closeDivCommon("subMenu2");
}

引用地址:http://files.cnblogs.com/zhangziqiu/CommonScript.js

JSFooter.js

这个脚本没有使用对象封装, 一般在页面的底部加载, 目前的作用是为Document对象的onclick事件添加多个方法调用.

代码:

/* JSFooter 用于为页面添加事件委托.
　 其中主要为document对象添加多播委托.一边在单击页面任意地方就可以关闭页面上所有的弹出窗口.
*/
if( ScriptHelper == null )
{
　　if( typeof( scriptHelper )=='undefined' || scriptHelper==null)
　　{
　　　　alert("未正确加载ScriptHelper类");
　　}
　　else
　　{
　　　　ScriptHelper = new scriptHelper();
　　}
}
else
{
　　//添加Menu菜单关闭函数
　　if( typeof(CommonScript)!='undefined' && CommonScript != null && typeof(CommonScript.closeMenu)!='undefined' &&　CommonScript.closeMenu != null )
　　{
　　　　ScriptHelper.addEventListener( document, "click", CommonScript.closeMenu );
　　}
}