Event ist ein Objekt, das im IE enthalten ist, aber dieses Objekt existiert nicht in FF. Events können nur durch Übergabe von Parametern simuliert werden.
Darüber hinaus wird srcElement im IE verwendet, um die Quelle des Ereignisauslösers abzurufen, und target wird in FF verwendet. Daher muss bei der Verwendung dieser beiden Objekte eine entsprechende Browserkompatibilität gewährleistet sein.
Kopieren Sie den Codecode wie folgt:
<!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">
<Kopf>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>srcElement --//www.VeVB.COm/</title>
<script type="text/javascript">
<!--
Funktion Click(event){
event = event? event: window.event
var obj = event.srcElement? event.srcElement:event.target;
alarm(obj.tagName);
}
//-->
</script>
</head>
<Körper>
<button id="btn" onclick="Click(event)">Klick</button>
</body>
</html>
Laufergebnisse ansehen
Umfassende Informationen zu attachmentEvent und addEventListener im vorherigen Abschnitt.
Kopieren Sie den Codecode wie folgt:
<script type="text/javascript">
<!
Funktion Click(event){
event = event? event: window.event;
var obj = event.srcElement? event.srcElement:event.target;
alarm("eventObj.tabName:" + obj.tagName);
}
var oBtnNew;
window.onload=function(){
oBtnNew=document.getElementById("btnNew");
if(window.attachEvent){
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",hanlder);
}anders{
oBtnNew.addEventListener("click",hanlder,false);
oBtnNew.addEventListener("mouseover",hanlder,false);
}
/*Oder verwenden Sie den folgenden Test
oBtnNew.onclick=hanlder;
oBtnNew.onmouseover=hanlder;*/
}
Funktionshandler(Ereignis){
event=event?event:window.event;
if(event.type=="click")
oBtnNew.innerHTML="onclick-Ereignis ist aufgetreten";
sonst if(event.type=="mouseover")
oBtnNew.innerHTML="onmouseover-Ereignis ist aufgetreten";
}
///>
</script>
</head>
<Körper>
<button id="btn" onclick="Click(event)">Klick</button>
<button id="btnNew">Klick auf Ereignis hinzufügen</button>