大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > 原生js事件的添加和删除

原生js事件的添加和删除

关键词:js添加事件删除事件  阅读(2934) 赞(17)

[摘要]本文是对原生js事件的添加和删除的讲解,对学习JavaScript编程技术有所帮助,与大家分享。

在IE浏览器中添加或删除事件用attachEvent、detachEvent。在其他标准浏览器中则用addEventListener、removeEventListener。下面的对事件的添加和删除做了封装。直接看代码吧!

/**
 * @description 事件绑定,兼容各浏览器
 * @param target
 *            事件触发对象
 * @param type
 *            事件
 * @param func
 *            事件处理函数
 */
function bind(target, type, func) {
	if (target.addEventListener) {// 非ie 和ie9
		target.addEventListener(type, func, false);
	} else if (target.attachEvent) { // ie6到ie8
		target.attachEvent("on" + type, func);
	} else {
		target["on" + type] = func; // ie5
	}
}
/**
 * @description 事件移除,兼容各浏览器
 * @param target
 *            事件触发对象
 * @param type
 *            事件
 * @param func
 *            事件处理函数
 */
function unbind(target, type, func) {
	if (target.removeEventListener) {
		target.removeEventListener(type, func, false);
	} else if (target.detachEvent) {
		target.detachEvent("on" + type, func);
	} else {
		target["on" + type] = null;
	}
}


相关评论