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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章