วัตถุเหตุการณ์: เมื่อเหตุการณ์เกิดขึ้นเบราว์เซอร์จะสร้างวัตถุโดยอัตโนมัติและมีประเภทของเหตุการณ์พิกัดเมาส์ ฯลฯ
คุณสมบัติของวัตถุเหตุการณ์: รูปแบบ: event.properties
คำแนะนำบางอย่าง:
เหตุการณ์แสดงถึงสถานะของเหตุการณ์เช่นองค์ประกอบที่กระตุ้นวัตถุเหตุการณ์ตำแหน่งและสถานะของเมาส์คีย์กด ฯลฯ
วัตถุเหตุการณ์ใช้ได้เฉพาะในระหว่างเหตุการณ์
เหตุการณ์ใน Firefox นั้นแตกต่างจากใน IE เหตุการณ์ใน IE เป็นตัวแปรระดับโลกที่มีอยู่ตลอดเวลา เหตุการณ์ใน Firefox จะต้องบูตด้วยพารามิเตอร์และเป็นตัวแปรชั่วคราวที่รันไทม์
ใน IE/Opera มันเป็นหน้าต่างหลักฐานและใน Firefox มันเป็นเหตุการณ์;
วัตถุประสงค์ของเหตุการณ์คือ window.event.srcelement ใน IE, event.target ใน Firefox และทั้งคู่มีอยู่ใน Opera
เหตุการณ์ที่มีผลผูกพัน
ใน JS คุณสามารถใช้สองวิธีในการผูกเหตุการณ์กับวัตถุ (ควบคุม):
ก่อนกำหนดฟังก์ชั่นในหัว:
การคัดลอกรหัสมีดังนี้:
<script type = "text/javascript">
ฟังก์ชั่น clickhandler ()
-
// ทำอะไรบางอย่าง
การแจ้งเตือน ("คลิกปุ่ม!");
-
</script>
วิธีแรกในการผูกเหตุการณ์:
<อินพุต type = "button" value = "button1" onclick = "clickhandler ();"> <br/>
วิธีที่สองในการผูกเหตุการณ์:
การคัดลอกรหัสมีดังนี้:
<อินพุต type = "ปุ่ม" id = "button2" value = "button2">
<script type = "text/javascript">
var v = document.getElementById ("button2");
v.onclick = clickhandler; // ใช้ชื่อฟังก์ชั่นที่นี่ไม่มีการเพิ่มวงเล็บ
</script>
ตัวอย่างอื่น ๆ
ตัวอย่างที่ 1:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> iventtest.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" content = "นี่คือหน้าของฉัน">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
<script>
ฟังก์ชันผู้เสนอญัตติ (วัตถุ) {
Object.color = "สีแดง";
-
ฟังก์ชั่น mout (วัตถุ) {
Object.color = "Blue";
-
</script>
</head>
<body>
<font style = "เคอร์เซอร์: ช่วย"
onclick = "window.location.href = 'http: //www.baidu.com'"
onMouseOver = "ผู้เสนอญัตติ (นี่)" onMouseOut = "mout (นี้)"> ยินดีต้อนรับ </font>
</body>
</html>
ตัวอย่างที่ 2:
การคัดลอกรหัสมีดังนี้:
<! doctype html>
<html>
<head>
<title> EventTest2.html </title>
<meta http-equiv = "คำหลัก" content = "keyword1, keyword2, keyword3">
<meta http-equiv = "คำอธิบาย" content = "นี่คือหน้าของฉัน">
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<!-<link rel = "stylesheet" type = "text/css" href = "./ styles.css">->
</head>
<body>
<script type = "text/javascript">
ฟังก์ชั่น getEvent (เหตุการณ์) {
การแจ้งเตือน ("ประเภทเหตุการณ์:" + event.type);
-
document.write ("คลิก ... ");
document.onmousedown = getEvent;
</script>
</body>
</html>