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

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

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