`
haibin369
  • 浏览: 58613 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript中跨浏览器的事件方法

阅读更多

参考自《JavaScript高级程序设计》

	<script type="text/javascript">
		var EventUtil = {
			//增加事件处理器
			addEventHandler:function(element,type,handler){
				if(element.addEventListener)
					element.addEventListener(type,handler,false);
				else if(element.attachEvent)
					element.attachEvent("on" + type,handler);
				else
					element["on"+type] = handler;
			},
			
			//移除事件处理器
			removeEventHandler: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;
			}
		};
	</script>

 

0
0
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics