เหตุการณ์การโทร:
วัตถุเหตุการณ์
วัตถุเหตุการณ์คืออะไร? เหตุการณ์ใน DOM ที่ถูกกระตุ้นจะสร้างเหตุการณ์วัตถุเหตุการณ์ ตัวอย่างเช่นเมื่อการคลิกเมาส์คุณจะสร้างประเภทของการคลิกและองค์ประกอบที่คุณต้องส่ง
แอตทริบิวต์ประเภทวัตถุเหตุการณ์ DOM ใช้เพื่อรับวัตถุเหตุการณ์แอตทริบิวต์เป้าหมายจะใช้เพื่อรับเป้าหมายเหตุการณ์วิธี stoppropagation () ช่วยป้องกันเหตุการณ์จากฟองสบู่ พฤติกรรมเริ่มต้นของ PreventDefault บล็อกเหตุการณ์
แอตทริบิวต์ประเภทวัตถุเหตุการณ์ใน IE ใช้เพื่อรับวัตถุเหตุการณ์และแอตทริบิวต์ SRCELEMENT ใช้เพื่อให้ได้แอตทริบิวต์ CancelBubble เป้าหมายเหตุการณ์ที่ใช้เพื่อป้องกันฟองสบู่เหตุการณ์ที่ตั้งไว้เป็นจริงเพื่อระบุว่ามันถูกบล็อกเท็จหมายความว่ามันไม่ได้บล็อก
พฤติกรรมเริ่มต้นของคุณสมบัติ ReturnValue เพื่อบล็อกเหตุการณ์ถูกตั้งค่าเป็นเท็จเพื่อระบุการบล็อก
การคัดลอกรหัสมีดังนี้:
// เข้ากันได้กับการประมวลผลเหตุการณ์ข้ามเบราว์เซอร์ของแต่ละรายการ เบราว์เซอร์ -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -
var eventHandle = {
// องค์ประกอบ: องค์ประกอบ, ประเภท: คลิกเหตุการณ์, ที่จับ: วิธีการที่ใช้งาน
// เพิ่มที่จับ
addeventhandle: ฟังก์ชั่น (องค์ประกอบ, ประเภท, handler) {
if (element.addeventListener) {
element.addeventListener (ประเภท, ตัวจัดการ, เท็จ); // --- false // หมายถึงระดับฟอง DOM2
-
อื่นถ้า (element.attachevent) {
element.attachevent ("on"+type, handler);
} อื่น {
องค์ประกอบ ["on" + type] = handler;
-
-
// ลบการจัดการเหตุการณ์ที่จับไม่ทำงาน
removeEventHandle: ฟังก์ชั่น (องค์ประกอบ, ประเภท, ตัวจัดการ) {
if (element.removeEventListener) {// สนับสนุนประเภทการประมวลผลเหตุการณ์ระดับ DOM2 ระดับคือ onclick
Element.RemoveEventListener (ประเภท, ตัวจัดการ, เท็จ); // ---- false // หมายถึงฟองสบู่
-
อื่นถ้า (element.detachevent) {
element.detachevent ("on"+type, handler); // สนับสนุนเช่น
} อื่น {
องค์ประกอบ ["on" + type] = null; // เหตุการณ์ระดับ DOM0 จัดการเหตุการณ์คลิกแบบดั้งเดิม
-
-
// รับวัตถุทั้งหมดที่เข้ากันได้กับเบราว์เซอร์
GetEvent: ฟังก์ชั่น (เหตุการณ์) {
เหตุการณ์กลับ? เหตุการณ์: window.event; // สิ่งที่จำเป็นในเบราว์เซอร์ IE รุ่นล่างคือ window.event
-
// คือคลิกหรือเมาส์เพื่อย้ายประเภทเหตุการณ์
getType: ฟังก์ชั่น (เหตุการณ์) {
return event.type;
-
// รับองค์ประกอบปัจจุบัน
GetElement: ฟังก์ชั่น (เหตุการณ์) {
return event.target || เหตุการณ์.
-
// พฤติกรรมเริ่มต้นของการปิดกั้นเหตุการณ์
: ฟังก์ชั่น (เหตุการณ์) {
if (event.preventDefault) {
Event.preventDefault ();
-
อื่น {
Event.ReturnValue = FALSE;
-
-
// หยุดการเดือดร้อนของเหตุการณ์
stoppropagation: ฟังก์ชั่น (เหตุการณ์) {
if (event.stoppropagation) {
Event.StopPropagation ();
-
อื่น {
Event.cancelBubble = true;
-
-
-