JS视频:事件第五讲:DOM 2级事件绑定

作者:日期:2011-06-21 23:36:17 点击:372

 

资料类型:免费 视频
视频时长: 00:34:41
浏览权限: 无限次
比特率: 159kbps
 地址链接: http://online.zhufengpeixun.cn/viewCourseDetail.do?courseId=67309
 
视频说明:

要理解DOM 2级事件绑定方式的优点

标准浏览器中2级DOM事件绑定方式

ele.addEventListener(evntType,fnHandler,boolean)
ele.removeEventListenter(evntType,fnHandler,boolean)
最后一个参数是一个布尔值,为真是表示在捕获阶段处理,为假表示在冒泡阶段处理

IE中的处理方式

loEle.attachEvent(onEventType,fnHandler)
loEle.detachEvent(onEventType,fnHandler);

能够兼容IE和标准浏览器的代码:

var EventUtil = new Object;
EventUtil.addEventHandler = function(oTarget, sEventType, fnHandler) {
if (oTarget.addEventListener) {//ff
oTarget.addEventListener(sEventType, fnHandler, false);
oTarget.onclick = fnHandler;
} else if (oTarget.attachEvent) {//IE
oTarget.attachEvent("on" + sEventType, fnHandler);
} else {//照顾更老的浏览器,比如IE4
oTarget["on" + sEventType] = fnHandler;
}
};

EventUtil.removeEventHandler = function (oTarget, sEventType, fnHandler) {
if (oTarget.removeEventListener) {//FF
oTarget.removeEventListener(sEventType, fnHandler, false);
} else if (oTarget.detachEvent) {//IE
oTarget.detachEvent("on" + sEventType, fnHandler);
} else { //照顾更老的浏览器,比如IE4
oTarget["on" + sEventType] = null;
}
};

上一篇: JS视频:事件第四讲:事件传播应用的实例--网页菜单切换效果

下一篇: JS视频:变量作用域链及闭包详解(课上实录)