JS基础05—事件监听器 addEventListener的兼容问题

addEventListener:只支持ie9以上版本;attachEvent:支持ie8以下版本。
attachEvent和addEventLitener的不同之处是第二个参数事件名要多加个“on”

//兼容ie 低版本
function addEvent(domNode, eventType, handlerFunction) {
		if (window.addEventListener) {
			domNode.addEventListener(eventType, handlerFunction)
		} else {
			domNode.attachEvent(`on${eventType}`, handlerFunction)
		}
	}
window.Maizi.addEvent = addEvent
	

对应的,还有 removeEventListener来解绑事件,节省内存。

function removeEvent(domNode, eventType, handlerFunction) {
		if (window.removeEventListener) {
			domNode.removeEventListener(eventType, handlerFunction)
		} else {
			domNode.detachEvent(`on${eventType}`, handlerFunction)
		}
}
posted @ 2020-06-05 15:28  麦子同学  阅读(546)  评论(0编辑  收藏  举报