注册 / 登录

清河洛

javascript中事件绑定常用的封装函数

admin2016-12-16 22:32:08清河洛2093
为了让IE和W3C可以兼容事件绑定,我们可以写成如下方式:function addEvent(obj, type, fn) { //添加事件兼容if (obj.addEventListener) {obj.addEventListener(type, fn);} else if (obj.attachEvent) {obj.attachEvent(''on'' + type, fn);}}function removeEvent(obj, type, fn) { //移除事件兼容if (obj.removeEventListener) {obj.removeEventListener(type, fn);} else if (obj.detachEvent) {obj.detachEvent(''on'' + type, fn);}}function getTarget(evt) { //得到事件目标if (evt.target) {return evt.target;}

为了让IE和W3C可以兼容事件绑定,我们可以写成如下方式:

function addEvent(obj, type, fn) { //添加事件兼容

if (obj.addEventListener) {

obj.addEventListener(type, fn);

} else if (obj.attachEvent) {

obj.attachEvent('on' + type, fn);

}

}

function removeEvent(obj, type, fn) { //移除事件兼容

if (obj.removeEventListener) {

obj.removeEventListener(type, fn);

} else if (obj.detachEvent) {

obj.detachEvent('on' + type, fn);

}

}

function getTarget(evt) { //得到事件目标

if (evt.target) {

return evt.target;

} else if (window.event.srcElement) {

return window.event.srcElement;

}

}



网址导航