跨浏览器事件处理代码,JS代码库,德仔网

代码语言

代码分类

【JS】跨浏览器事件处理

作者:Duncan / 发布于2014/11/18/ 354


	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<html>
	<head>
	 <script type="text/javascript" src="jquery-1.7.2.min.js"></script>
	 <script type="text/javascript">
	 $(document).ready(function(){
	 var EventUtil = {
	 addHandler: 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]=null;
	 }
	 },
	 removeHandle:function(element,type,handler){
	 if(element.removeEventListener){
	 element.removeEventListener(type,handler,false);
	 }else if(element.detachEvent){
	 element.detachEvent("on"+type,handler);
	 }
	 },
	 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;
	 }
	 }
	 };
	 var dom_s1=document.getElementById("s1");
	 EventUtil.addHandler(dom_s1,"click",function(){
	 alert("click");
	 });
	 var dom_a1=document.getElementById("a1");
	 dom_a1.onclick=function(event){
	 var event=EventUtil.getEvent(event);
	 EventUtil.preventDefault(event);
	 var target=EventUtil.getTarget(event);
	 target.style.backgroundColor="red";
	 }

	 })
	 </script>
	</head>
	<body>
	 <span id="s1">请点击</span>
	 <a id="a1" href="http://www.baidu.com">超链接</a>
	</body>
	</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　跨浏览器事件　

同语言下

可能有用的

Duncan贡献的其它代码(49)