Event adalah objek yang disertakan dengan IE, tetapi objek ini tidak ada di FF. Event hanya dapat disimulasikan dengan meneruskan parameter.
Selain itu, srcElement digunakan di IE untuk mendapatkan sumber pemicu peristiwa, dan target digunakan di FF. Oleh karena itu, kompatibilitas browser yang relevan perlu dilakukan saat menggunakan kedua objek ini.
Copy kode kodenya sebagai berikut:
<!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">
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312" />
<title>srcElement --//www.VeVB.COM/</title>
<skrip tipe="teks/javascript">
<!--
fungsi Klik(acara){
acara = acara? acara: jendela.acara
var obj = acara.srcElement? acara.srcElement:acara.target;
alert(obj.tagName);
}
//-->
</skrip>
</kepala>
<tubuh>
<button id="btn" onclick="Click(event)">Klik</button>
</tubuh>
</html>
Lihat hasil yang berjalan
Komprehensif dari attachmentEvent dan addEventListener di bagian sebelumnya.
Copy kode kodenya sebagai berikut:
<skrip tipe="teks/javascript">
<!
fungsi Klik(acara){
acara = acara? acara: jendela.acara;
var obj = acara.srcElement? acara.srcElement:acara.target;
alert("eventObj.tabName:" + obj.tagName);
}
var oBtnBaru;
jendela.onload=fungsi(){
oBtnNew=document.getElementById("btnNew");
if(window.attachEvent){
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",handler);
}kalau tidak{
oBtnNew.addEventListener("klik",hanlder,false);
oBtnNew.addEventListener("mouseover",hanlder,false);
}
/* Atau gunakan tes berikut
oBtnNew.onclick=handle;
oBtnNew.onmouseover=pegangan;*/
}
fungsi menangani(acara){
acara=acara?acara:jendela.acara;
if(event.type=="klik")
oBtnNew.innerHTML="terjadi peristiwa onclick";
lain jika(event.type=="mouseover")
oBtnNew.innerHTML="terjadi peristiwa onmouseover";
}
//>
</skrip>
</kepala>
<tubuh>
<button id="btn" onclick="Click(event)">Klik</button>
<button id="btnNew">Tambahkan klik acara</button>