JavaScript兼容事件处理程序

原创于 2019-01-18 11:15:46 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

Web前端专栏收录该内容

85 篇文章

订阅专栏

本文介绍了一个实用的事件处理工具varEventUtil，它提供了一种统一的方法来为不同浏览器添加和移除事件监听器，包括对事件获取、目标元素确定、默认行为阻止及事件传播停止的支持。

		var EventUtil = {
			addHandler: function(element, type, handler)
			{
				if(element.addEventListner)
				{
					element.addEventListener(type, handler, false);
				}
				else if(element.attachEvent)
				{
					element.attachEvent("on" + type, handler);
				}
				else
				{
					element["on" + type] = handler;
				}
			},
			removeHandler: function(element, type, handler)
			{
				if(element.removeEventListener)
				{
					element.removeEventListener(type, handler, false);
				}
				else if(element.detachEvent)
				{
					element.detachEvent("on" + type, handler);
				}
				else
				{
					element["on" + type] = null;
				}
			},
			getEvent: function(event){
				return event ? event : window.event;
			},
			getTarget: function(event){
				return event.target || event.srcElement;
			},
			preventDefault: function(event){
				if (event.preventDefault){
					event.preventDefault();
				} 
				else {
					event.returnValue = false;
				}
			}, 
			stopPropagation: function(event){ 
			 	if (event.stopPropagation){
					event.stopPropagation();
				} 
				else {
					event.cancelBubble = true;
				}
			} 
		}