مثال استخدام مثال على addeventListener

(تجدر الإشارة إلى أنه يجب وضع Div أمام JS)

بشكل عام ، إذا كان كائن DOM مرتبطًا بالحدث نفسه ، فسيصبح آخر آخر ، على سبيل المثال:

نسخة الكود كما يلي:

document.getElementById ("btn"). onClick = method1 ؛

document.getElementById ("btn"). onClick = method2 ؛

document.getElementById ("btn"). onClick = method3 ؛

ثم Method3 فقط سوف يصدر سريان.

إذا كانت سلسلة Mozilla ، فاستخدم AddEventListener لتمكين تنفيذ أحداث متعددة بالترتيب ، مثل:

نسخة الكود كما يلي:

var btn1obj = document.getElementById ("btn1") ؛

//element.addeventListener(type ، المستمع ، usecapture) ؛

btn1obj.addeventListener ("Click" ، method1 ، false) ؛

btn1obj.addeventListener ("Click" ، method2 ، false) ؛

btn1obj.addeventListener ("Click" ، method3 ، false) ؛

أمر التنفيذ هو method1-> method2-> method3

إذا كانت سلسلة IE ، فيمكن أن تمكن ActureVent أحداث متعددة من تنفيذها بالترتيب ، مثل:

نسخة الكود كما يلي:

var btn1obj = document.getElementById ("btn1") ؛

//object.attachevent(event،function) ؛

btn1obj.attachevent ("onClick" ، method1) ؛

btn1obj.attachevent ("onClick" ، method2) ؛

btn1obj.attachevent ("onClick" ، method3) ؛

أمر التنفيذ هو method3-> method2-> method1

=========================================================================

في موزيلا:

كيفية استخدام addeventListener

Target.AdDeventListener (النوع ، المستمع ، usecapture) ؛

الهدف: عقدة المستند أو المستند أو النافذة أو xmlhttprequest.

اكتب: سلسلة ، اسم الحدث ، لا يحتوي على "ON" ، مثل "Click" ، "Mouseover" ، "Keydown" ، إلخ.

المستمع: ينفذ واجهة eventListener أو وظيفة في JavaScript.

usecapture: سواء كنت تستخدم الالتقاط ، استخدم بشكل عام خطأ. على سبيل المثال: document.getElementById ("testText"). addeventListener ("keydown" ، function (event) {alert (event.keycode) ؛} ، false) ؛

في IE:

target.attachevent (النوع ، المستمع) ؛

الهدف: عقدة المستند أو المستند أو النافذة أو xmlhttprequest.

النوع: سلسلة ، اسم الحدث ، يحتوي على "ON" ، مثل "OnClick" ، "OnMouseover" ، "OnKeydown" ، إلخ.

المستمع: ينفذ واجهة eventListener أو وظيفة في JavaScript. على سبيل المثال: document.getElementById ("txt"). anclesevent ("onClick" ، function (event) {alert (event.keycode) ؛}) ؛

يدعم W3C و IE أيضًا إزالة الأحداث المحددة. والغرض من ذلك هو إزالة الأحداث المحددة. التنسيقات كما يلي:

removeEventListener (الحدث ، الوظيفة ، الالتقاط/الفقاعة) ؛

شكل Windows IE كما يلي:

detachevent (حدث ، وظيفة) ؛

تطور DOM2:

يمكن ملاحظة استخدام DOM2 الجديد عن طريق إضافة وظيفة addingeventListener ():

نسخة الكود كما يلي:

AddEventListener (الحدث ، الوظيفة ، الالتقاط/الفقاعة) ؛

يظهر حدث المعلمة في الجدول أعلاه. الوظيفة هي الوظيفة المراد تنفيذها. التقاط والفقاعة هي أوضاع مرتين صاغها W3C. ببساطة ، التقاط هو قراءة السطر الأخير من بداية المستند ثم تنفيذ الحدث. تجد Bubble أولاً الموقع المحدد ثم ينفذ الحدث.

معلمات الالتقاط/الفقاعة هي قيم منطقية ، والوسائل الحقيقية لاستخدام الالتقاط ، والوسائل الخاطئة للفقاعة. قام Windows Internet Explorer أيضًا بصياغة جهاز EventHandler ، وهو مرفق () ، مع التنسيق على النحو التالي:

نسخة الكود كما يلي:

window.attachevent ("إرسال" ، myfunction ()) ؛

ما هو أكثر خصوصية هو أن Attankevent لا يحتاج إلى تحديد معلمات الالتقاط/الفقاعة ، لأنه في Windows IE Environment ، يتم استخدام وضع الفقاعة.

كيفية تحديد نوع الاستماع الذي يتم دعمه؟ يحب:

نسخة الكود كما يلي:

if (typeof window.adDeventListener! = "undefined") {

window.adDeventListener ("load" ، Rollover ، false) ؛

} آخر {

window.attachevent ("Onload" ، Rollover)

}

يمكن لـ Typeof Window.AdDeventListener! = رمز البرنامج "غير المحدد" تحديد ما إذا كان متصفح المستخدم يدعم نموذج حدث AddEventListener. إذا لم يكن مدعومًا ، فسيتم استخدام المرفق.

يدعم W3C و IE أيضًا إزالة الأحداث المحددة. والغرض من ذلك هو إزالة الأحداث المحددة. التنسيقات كما يلي:

تنسيق W3C:

removeEventListener (الحدث ، الوظيفة ، الالتقاط/الفقاعة) ؛

شكل Windows IE كما يلي:

detachevent (حدث ، وظيفة) ؛