القراءات ذات الصلة:
ملخص تعلم حدث JavaScript (V) نوع حدث الماوس في JS
//www.vevb.com/article/86259.htm
ملخص تعلم حدث JavaScript (ط) تدفق الحدث
//www.vevb.com/article/86261.htm
ملخص تعلم الأحداث JavaScript (4) أعضاء الحدث العام (الخصائص والأساليب)
//www.vevb.com/article/86262.htm
ملخص تعلم حدث JavaScript (II) معالج الأحداث JS
//www.vevb.com/article/86264.htm
ملخص تعلم الأحداث JavaScript (III) كائن حدث JS
//www.vevb.com/article/86266.htm
1. كائن الحدث
1. فهم كائن الحدث
توجد الأحداث في المتصفح ككائنات ، أي الحدث. سيؤدي تشغيل حدث إلى إنشاء حدث كائن حدث ، والذي يحتوي على جميع المعلومات المتعلقة بالحدث. يتضمن العناصر التي تؤدي إلى الحدث ونوع الحدث والمعلومات الأخرى المتعلقة بحدث معين.
على سبيل المثال: سيحتوي الحدث الذي تم إنشاؤه بواسطة عملية الماوس على معلومات حول موضع الماوس ؛ سيحتوي الحدث الذي تم إنشاؤه بواسطة عملية لوحة المفاتيح على معلومات تتعلق بالمفتاح المضغوط.
جميع المتصفحات تدعم كائنات الأحداث ، ولكن طرق الدعم مختلفة. في DOM ، يجب تمرير كائنات الأحداث إلى وظائف معالجة الأحداث كمعلمات فريدة من نوعها. في IE ، الحدث هو سمة من كائنات النوافذ.
2. الحدث في معالج الأحداث HTML
<input id = "btn" type = "button" value = "click" onClick = "console.log ('HTML Event Handler'+event.type)"/>هذا يخلق وظيفة تحتوي على الحدث المتغير المحلي. يمكن الوصول إلى كائن الحدث مباشرة من خلال الحدث.
3. كائنات الحدث في دوم
ستقوم معالجات الأحداث في مستوى DOM0 و Level DOM2 بتمرير الحدث كمعلمات.
<Body> <input id = "btn" type = "button" value = "click"/> <script> var btn = document.getElementById ("btn") ؛ btn.onclick = function (event) {console.log ( //click )btn.addeventListener("click "، function (event) {console.log (" dom2 & click ") ؛ console.log (event.type) ؛ // click} ، false) ؛ </script> </body>4. كائنات الحدث في IE
الحالة الأولى: عند إضافة معالج الأحداث من خلال طريقة مستوى DOM0 ، يوجد كائن الحدث كسمة لكائن النافذة.
<Body> <input id = "btn" type = "button" value = "click"/> <script> var btn = document.getElementById ( // انقر فوق} </script> </body>
الحالة الثانية: يتم إضافة معالج الحدث من خلال ActaChevent () ، ويتم تمرير كائن الحدث كمعلمة.
<Body> <input id = "btn" type = "button" value = "click"/> <script> var btn = document.getElementById (
لكني لا أفهم شيئين.
1. يمكن أيضًا تمرير معلمة الحدث إلى معالج الحدث من خلال طريقة مستوى DOM0. نوعه هو نفس النافذة. لماذا؟
btn.onclick = function (event) {var event1 = window.event ؛ console.log ('event1.type ='+event1.type) ؛ //event1.type=clickconsole.log('event.type='+event.type) ؛ //event.type=clickconsole.log('event1==vent؟'+(Event==Vent1) ؛ // event1 == event؟ false}2. تم تمرير الحدث في معالج الأحداث المضافة من خلال المرفق يختلف عن النافذة. لماذا؟
<Body> <input id = "btn" type = "button" value = "click"/> <script> var btn = document.getElementById ("btn") ؛ btn.attachevent ("onClick" ، function (type) {console.log (event.type) ؛ //clickconsole.log("event==window.event؟"+( Event=Window.event) ؛ما ورد أعلاه هو ملخص للتعلم أحداث JavaScript (III) المعرفة المتعلقة بكائنات حدث JS التي أدخلها المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كنت تريد معرفة المزيد ، فيرجى الانتباه إلى موقع Wulin.com!