ต้นแบบ - การจัดการเหตุการณ์

การจัดการเหตุการณ์เป็นหนึ่งในความท้าทายที่ยิ่งใหญ่ที่สุดในการบรรลุการเขียนสคริปต์ข้ามเบราว์เซอร์ ทุกเบราว์เซอร์มีแนวทางในการจัดการจังหวะสำคัญที่แตกต่างกัน

Prototype Framework จัดการปัญหาความเข้ากันได้ข้ามเบราว์เซอร์และช่วยให้คุณปลอดจากปัญหาทั้งหมดที่เกี่ยวข้องกับการจัดการเหตุการณ์

Prototype Framework จัดเตรียมเนมสเปซเหตุการณ์ซึ่งเต็มไปด้วยเมธอดซึ่งทั้งหมดใช้อ็อบเจ็กต์เหตุการณ์ปัจจุบันเป็นอาร์กิวเมนต์และให้ข้อมูลที่คุณร้องขออย่างมีความสุขในเบราว์เซอร์หลักทั้งหมด

เนมสเปซของเหตุการณ์ยังมีรายการรหัสคีย์มาตรฐานที่คุณสามารถใช้กับเหตุการณ์ที่เกี่ยวข้องกับแป้นพิมพ์ ค่าคงที่ต่อไปนี้กำหนดไว้ในเนมสเปซ -

ส.	คีย์คงที่และคำอธิบาย
1.	KEY_BACKSPACE แสดงคีย์ช่องว่างด้านหลัง
2.	KEY_TAB แสดงแป้นแท็บ
3.	KEY_RETURN แสดงคีย์ส่งคืน
4.	KEY_ESC แสดงคีย์ esc
5.	KEY_LEFT แสดงคีย์ซ้าย
6.	KEY_UP แสดงคีย์
7.	KEY_RIGHT แสดงคีย์ขวา
8.	KEY_DOWN แสดงคีย์ลง
9.	KEY_DELETE เป็นตัวแทนของคีย์ลบ
10.	KEY_HOME เป็นตัวแทนของกุญแจบ้าน
11.	KEY_END แสดงรหัสสิ้นสุด
12.	KEY_PAGEUP แสดงคีย์เพจขึ้น
13.	KEY_PAGEDOWN แสดงคีย์หน้าลง

วิธีจัดการเหตุการณ์

ก่อนที่เราจะเริ่มให้เราดูตัวอย่างการใช้วิธีเหตุการณ์ ตัวอย่างนี้แสดงวิธีจับองค์ประกอบ DOM ที่เหตุการณ์เกิดขึ้น

ตัวอย่าง

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>
      
      <script>
         // Register event 'click' and associated call back.
         Event.observe(document, 'click', respondToClick);
  
         // Callback function to handle the event.
         function respondToClick(event) {
            var element = event.element();
            alert("Tag Name : " + element.tagName );
         }
      </script>
   </head>

   <body>
      <p id = "note"> Click on any part to see the result.</p>
      <p id = "para">This is paragraph</p>
      <div id = "division">This is divsion.</div>
   </body>
</html>

เอาต์พุต

นี่คือรายการวิธีการทั้งหมดที่เกี่ยวข้องกับ Event. ฟังก์ชั่นที่คุณมักจะใช้มากเป็นสังเกต , องค์ประกอบและหยุด

วิธีการจัดกิจกรรมต้นแบบ

NOTE - ตรวจสอบให้แน่ใจว่าคุณมีต้นแบบเวอร์ชัน 1.6 เป็นอย่างน้อย js

ส.	วิธีการและคำอธิบาย
1.	ธาตุ() ส่งกลับองค์ประกอบ DOM ที่เหตุการณ์เกิดขึ้น
2.	ขยาย () ขยายเหตุการณ์ด้วยวิธีการทั้งหมดที่มีอยู่ใน Event.Methods
3.	findElement () ส่งกลับองค์ประกอบ DOM แรกที่มีชื่อแท็กที่กำหนดขึ้นจากองค์ประกอบที่เกิดเหตุการณ์
4.	isLeftClick () ตรวจสอบว่าเหตุการณ์เกี่ยวกับเมาส์เกี่ยวกับปุ่มนั้นเกี่ยวกับปุ่ม "ซ้าย" (หลักจริง ๆ ) หรือไม่
5.	สังเกต() ลงทะเบียนตัวจัดการเหตุการณ์บนองค์ประกอบ DOM
6.	ตัวชี้ X () ส่งคืนตำแหน่งแนวนอนที่แน่นอนสำหรับเหตุการณ์เมาส์
7.	ตัวชี้ Y () ส่งคืนตำแหน่งแนวตั้งสัมบูรณ์สำหรับเหตุการณ์เมาส์
8.	หยุด() หยุดการแพร่กระจายของเหตุการณ์และป้องกันไม่ให้การดำเนินการเริ่มต้นถูกทริกเกอร์ในที่สุด
9.	หยุดการสังเกต () ยกเลิกการลงทะเบียนตัวจัดการเหตุการณ์
10.	ยกเลิกการโหลดแคช () ยกเลิกการลงทะเบียนตัวจัดการเหตุการณ์ทั้งหมดที่ลงทะเบียนผ่านการสังเกตการณ์ ต่อสายโดยอัตโนมัติสำหรับคุณ ไม่สามารถใช้ได้ตั้งแต่ 1.6