เหตุการณ์เป็นวัตถุที่มาพร้อมกับ IE แต่วัตถุนี้ไม่มีอยู่ใน FF สามารถจำลองเหตุการณ์ได้โดยการส่งพารามิเตอร์เท่านั้น
นอกจากนี้ srcElement ยังถูกใช้ใน IE เพื่อรับแหล่งที่มาของทริกเกอร์เหตุการณ์ และใช้เป้าหมายใน 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>
<script type="text/javascript">
-
ฟังก์ชั่นคลิก (เหตุการณ์) {
เหตุการณ์ = เหตุการณ์? เหตุการณ์: window.event
var obj = event.srcElement? event.srcElement:event.target;
การแจ้งเตือน (obj.tagName);
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<button id="btn" onclick="Click(event)">คลิก</button>
</ร่างกาย>
</html>
ดูผลการวิ่ง
ครอบคลุมของ attachmentEvent และ addEventListener ในส่วนก่อนหน้า
คัดลอกรหัสรหัสดังต่อไปนี้:
<script type="text/javascript">
-
ฟังก์ชั่นคลิก (เหตุการณ์) {
เหตุการณ์ = เหตุการณ์? เหตุการณ์: window.event;
var obj = event.srcElement? event.srcElement:event.target;
alert("eventObj.tabName:" + obj.tagName);
-
var oBtnNew;
window.onload=ฟังก์ชั่น(){
oBtnNew=document.getElementById("btnNew");
ถ้า (window.attachEvent) {
oBtnNew.attachEvent("onclick",hanlder);
oBtnNew.attachEvent("onmouseover",hanlder);
}อื่น{
oBtnNew.addEventListener("คลิก",hanlder,false);
oBtnNew.addEventListener("เมาส์โอเวอร์",hanlder,false);
-
/*หรือใช้การทดสอบต่อไปนี้
oBtnNew.onclick=hanlder;
oBtnNew.onmouseover=hanlder;*/
-
ตัวจัดการฟังก์ชัน (เหตุการณ์) {
เหตุการณ์=เหตุการณ์?เหตุการณ์:window.event;
ถ้า(event.type=="คลิก")
oBtnNew.innerHTML="เหตุการณ์ onclick เกิดขึ้น";
อย่างอื่นถ้า (event.type=="mouseover")
oBtnNew.innerHTML="เหตุการณ์ onmouseover เกิดขึ้น";
-
-
</สคริปต์>
</หัว>
<ร่างกาย>
<button id="btn" onclick="Click(event)">คลิก</button>
<button id="btnNew">เพิ่มกิจกรรมคลิก</button>