يحتوي AddEventListener على ثلاث معلمات: تمثل المعلمة الأولى اسم الحدث (باستثناء ، مثل "Click") ؛ تمثل المعلمة الثانية الوظيفة لتلقي معالجة الأحداث ؛ المعلمة الثالثة هي usecapture ، والتي سيتم شرحها في هذه المقالة.
نسخة الكود كما يلي:
<div id = "outiv">
<div id = "middlediv">
<div id = "indiv"> يرجى النقر فوق الماوس هنا. </div>
</div>
</div>
<div id = "info"> </viv>
نسخة الكود كما يلي:
var outiv = document.getElementById ("outiv") ؛
var middlediv = document.getElementById ("middlediv") ؛
var indiv = document.getElementById ("Indiv") ؛
var info = document.getElementById ("info") ؛
outfiv.addeventListener ("Click" ، function () {info.innerhtml + = "outiv" + "<br>" ؛} ، false) ؛
middlediv.addeventListener ("Click" ، function () {info.innerhtml + = "middlediv" + "<br>" ؛} ، false) ؛
indiv.addeventListener ("Click" ، function () {info.innerhtml + = "Indiv" + "<br>" ؛} ، false) ؛
ما سبق هو الكود الذي اختبرناه. يتم تحديد ترتيب التشغيل بناءً على عرض المعلومات. هناك ثلاثة AddeventListeners ، والقيم الاختيارية للاستخدامات صحيحة وكاذبة ، لذلك يمكن الحصول على 2*2*2 8 برامج مختلفة.
• عندما تكون جميعها خاطئة ، فإن ترتيب التشغيل هو: Indiv ، Middlediv ، Outsiv ؛
• عندما يكون كل شيء صحيحًا ، يكون ترتيب التشغيل هو: Outviv و Middlediv و Indiv ؛
• عندما يكون Outdiv صحيحًا ، يكون الآخرون خطأ ، وترتيب التشغيل هو: Outiv و Indiv و Middlediv ؛
• عندما يكون Middlediv صحيحًا ، يكون الآخرون خطأ ، والترتيب المشغل هو: Middlediv ، Indiv ، Outiv ؛
• ...
أخيرًا ، تم استخلاص الاستنتاجات التالية:
• ترتيب الزناد الصحيح دائمًا قبل خطأ ؛
• إذا كان هناك متعددة صحيح ، فإن مشغل الطبقة الخارجية يسبق الطبقة الداخلية ؛
• إذا كانت المتعددة خاطئة ، فإن مشغل الطبقة الداخلية يسبق الطبقة الخارجية.
ما سبق هو كل شيء عن هذا المقال ، أتمنى أن تنال إعجابك.