تحلل هذه المقالة تقنية تفويض أحداث JavaScript في مثال. شاركه للرجوع إليه. التحليل المحدد هو كما يلي:
إذا كان هناك عدد كبير من الأزرار في صفحة شاملة ، فيجب علينا ربط معالجات الأحداث لكل زر. هذا سيؤثر على الأداء.
بادئ ذي بدء ، كل وظيفة هي كائن ، وسيشغل الكائن الكثير من الذاكرة. كلما زاد عدد الكائنات في الذاكرة ، كلما كان الأداء أسوأ.
ثانياً ، ستؤدي الزيادة في عدد زيارات DOM إلى تحميل الصفحة متأخرة. في الواقع ، لا تزال هناك حلول جيدة لكيفية الاستفادة الجيدة من معالجات الأحداث.
وفد الحدث:
إن حل مشكلة العديد من معالجات الأحداث هو تقنية تفويض الأحداث.
تستفيد تقنية مندوب الحدث من فقاعات الأحداث. فقط حدد معالج الأحداث.
يمكننا ربط معالجات الأحداث لعنصر الأصل الذي يحتاج إلى تشغيل حدث ما.
<ul id = "mylist"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> sdsdsd </li> </ul>
الآن نريد ربط معالجات الأحداث لهذه 3 lis ...
فقط ربط معالج الحدث في UL.
obj.eventHandler ($ ("MyList") ، "انقر" ، الوظيفة (e) {e = e || window.event ؛ switch ( ALERT ("li_2"إذا كان هذا النوع من تفويض الأحداث في تطبيق معقد على شبكة الإنترنت.
إذا لم يتم اعتماد هذه الطريقة ، فستكون ملزمة واحدة تلو الأخرى معالجات الأحداث التي لا نهاية لها.
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.