JS - 자신의 함수 라 이브 러 리 를 구축 하 는 브 라 우 저 호 환 문제 처리 (지속 적 인 구축 중...)

1299 단어
선언:
 JS 를 사용 하 는 과정 에서 우 리 는 종종 각 브 라 우 저의 호환성 문제 에 골 머리 를 앓 는 다.근본적으로 업계 기준 이 일치 하지 않 는 문제 이다. 일반적으로 지금 은 두 진영 이다. 하 나 는 IE 이 고 다른 하 나 는 W3C 이다.IE 는 윈도 와 의 묶음 으로 높 은 시장 점유 율 을 달성 했다.사실 W3C 기준 에서 의 JS 학습 이 상대 적 으로 쉬 울 때 가 많 고 대부분의 브 라 우 저, 예 를 들 어 구 글, 불 여우 등 도 W3C 의 충실 한 팬 이다.아직 까지 통일 에 이 르 지 못 했다.그러면 개발 자로 서 유 니 버 설 적 이 고 좋 은 웹 서 비 스 를 개발 하려 면 프론트 데스크 의 디 스 플레이 가 가장 큰 연극 입 니 다!자 연 스 럽 게 이 호환성 문제 가 일정 에 오 를 것 이다.이 를 위해 JS 크로스 브 라 우 저 호 환 함수 라 이브 러 리 를 구축 합 니 다.
코드:
//         
function addEvent(obj,type,fn){
	if(obj.addEventListener){  //W3C     
		obj.addEventListener(type,fn,false);
	}else if(obj.attathEvent){  //IE     
		obj.attathEvent('on' + type,fn); 
	}
}
//         
function removeEvent(obj,type,fn){
	if(obj.removeEventListener){ //W3C     
		obj.removeEventListener(type,fn,false); //  false     
	}else if(obj.detachEvent){  //IE     
		
	}
}

//           
function preDef(evt){
	var e = evt || window.event; //  IE W3C
	if(e.preventDefault){  //W3C  
		e.preventDefault();
	}else{ //IE  
		e.returnValue = false;
	}
}

//          
function getTarget(evt){
	if(evt.target){ //W3C  
		return evt.target;
	}else if(window.event.srcElement){ //IE  
		return window.event.srcElement;
	}
}

  소결: 두 껍 고 얇 은 머리 로 계속 구축 합 니 다.

좋은 웹페이지 즐겨찾기