이벤트는 IE와 함께 제공되는 개체이지만 FF에는 이 개체가 없습니다. 이벤트는 매개 변수를 전달해야만 시뮬레이션할 수 있습니다.
또한 IE에서는 srcElement를 사용하여 이벤트 트리거 소스를 획득하고, target은 FF에서 사용합니다. 따라서 이 두 개체를 사용할 때는 관련 브라우저 호환성이 필요합니다.
다음과 같이 코드 코드를 복사합니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>srcElement --//www.VeVB.COm/</title>
<스크립트 유형="텍스트/자바스크립트">
<!--
함수 클릭(이벤트){
이벤트 = 이벤트? 이벤트: window.event
var obj = event.srcElement? event.srcElement:event.target;
경고(obj.tagName);
}
//-->
</script>
</head>
<본문>
<button id="btn" onclick="Click(event)">클릭</button>
</body>
</html>
실행 결과 보기
이전 섹션의 attachmentEvent 및 addEventListener를 포괄적으로 설명합니다.
다음과 같이 코드 코드를 복사합니다.
<스크립트 유형="텍스트/자바스크립트">
<!
함수 클릭(이벤트){
이벤트 = 이벤트? 이벤트: window.event;
var obj = event.srcElement? event.srcElement:event.target;
Alert("eventObj.tabName:" + obj.tagName);
}
var oBtnNew;
window.onload=함수(){
oBtnNew=document.getElementById("btnNew");
if(window.attachEvent){
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",hanlder);
}또 다른{
oBtnNew.addEventListener("click",hanlder,false);
oBtnNew.addEventListener("mouseover",hanlder,false);
}
/*또는 다음 테스트를 사용하십시오.
oBtnNew.onclick=hanlder;
oBtnNew.onmouseover=hanlder;*/
}
함수 핸들러(이벤트){
이벤트=이벤트?이벤트:window.event;
if(event.type=="클릭")
oBtnNew.innerHTML="onclick 이벤트가 발생했습니다";
그렇지 않은 경우(event.type=="mouseover")
oBtnNew.innerHTML="onmouseover 이벤트가 발생했습니다";
}
//>
</script>
</head>
<본문>
<button id="btn" onclick="Click(event)">클릭</button>
<button id="btnNew">이벤트 클릭 추가</button>