jQuery/delegate

من موسوعة حسوب
< jQuery
مراجعة 11:04، 10 مايو 2018 بواسطة Khaled-yassin (نقاش | مساهمات) (أنشأ الصفحة ب'== ‎.delegate( selector, eventType, handler )‎ == حذف مع الإصدار: [http://api.jquery.com/category/version/3.0 3.0]. === القيمة المعادة ===...')
(فرق) → مراجعة أقدم | المراجعة الحالية (فرق) | مراجعة أحدث ← (فرق)
اذهب إلى التنقل اذهب إلى البحث

‎.delegate( selector, eventType, handler )‎

حذف مع الإصدار: 3.0.

القيمة المعادة

يُعيد كائنًا من النوع jQuery.

الوصف

يُرفق هذا التابع معالج بأحد الأحداث أو أكثر لكافة العناصر التي تطابق المُحدِد، الآن أو في المستقبل، استنادًا إلى مجموعة محددة من عناصر الجذر.

‎.delegate( selector, eventType, handler )‎

أُضيف مع الإصدار: 1.4.2.

selector

سلسلة نصية تُحدد ترشيح العناصر التي تبدأ الحدث من النوع String.

eventType

سلسلة نصية تحتوي على واحد أو أكثر من أنواع أحداث JavaScript مفصولة بمسافات، مثل "click" أو "keydown" أو أسماء أحداث مخصصة.

handler

دالة حدث Function( Event eventObject )‎ تُنفَّذ في وقت تشغيل الحدث.

‎.delegate( selector, eventType, eventData, handler )‎

أُضيف مع الإصدار: 1.4.2.

selector

سلسلة نصية تُحدد ترشيح العناصر التي تبدأ الحدث من النوع String.

eventType

سلسلة نصية تحتوي على واحد أو أكثر من أنواع أحداث JavaScript مفصولة بمسافات، مثل "click" أو "keydown" أو أسماء أحداث مخصصة.

eventData

كائن يحتوي على البيانات التي ستُمرر إلى مداول الحدث، ويمكن أن يكون من أي نوع من أنواع JavaScript.

handler

دالة حدث Function( Event eventObject ) تُنفَّذ في وقت تشغيل الحدث.

‎.delegate( selector, events )‎

أُضيف مع الإصدار: 1.4.3.

selector

سلسلة نصية تُحدد ترشيح العناصر التي تبدأ الحدث من النوع String.

events

كائن بسيط من النوع PlainObject لواحد أو أكثر من أنواع الأحداث والدوال لتنفيذها.

أُوقف التابع ‎.delegate()‎ اعتبارًا من إصدار jQuery 3.0. وحل محله التابع ‎.on()‎ منذ الإصدار jQuery 1.7، لذلك كان من المحبذ عدم إستعماله. ومع ذلك، بالنسبة للإصدارات السابقة، تظل الوسيلة الأكثر فعالية لاستخدام تفويض الحدث. مزيد من المعلومات حول ربط الحدث والتفويض في صفحة توثيق التابع ‎.on()‎ . بشكل عام، هذه هي القوالب المُكافِئة للتابعَين:

على سبيل المثال ، الشيفرة البرمجية التالية للتابع ‎.delegate()‎:

تعادل الشيفرة التالية المكتوبة باستخدام التابع ‎.on()‎ :

لإزالة الأحداث المرفقة مع التابع ‎.delegate()‎، راجع التابع ‎.undelegate()‎‎.

وهو يُمرر بيانات الأحداث ويعالجها بنفس الطريقة التي يعمل بها التابع ‎.on()‎.

ملاحظات إضافية

نظرًا لأن التابع ‎.live()‎ يعالج الأحداث بمجرد نشرها إلى أعلى المستند، لا يمكن إيقاف نشر أحداث live. وبالمثل، فإن الأحداث التي يعالجها التابع ‎.delegate()‎ سوف تنتشر إلى العناصر المفوَّضَة؛ ستُنفَّذ بالفعل معالجات الأحداث المرتبطة بأي عناصر تحتها في شجرة DOM في الوقت الذي يُستدعى فيه معالج الحدث المفوَّض. لذلك، قد تمنع هذه المعالجات المعالجَ المفوَّض من التشغيل عن طريق استدعاء event.stopPropagation()‎ أو إعادة false.

أمثلة

انقر فقرة لإضافة أخرى. لاحظ أن ‎.delegate()‎‎ يُرفِق معالج حدث click مع كافة الفقرات، حتى الجديدة.

لعرض نص كل فقرة في مربع تنبيه عند النقر عليه:

لإلغاء إجراء افتراضي ومنعه من التزايد، يعيد خطأ:

لإلغاء الإجراء الافتراضي فقط باستخدام التابع preventDefault.

يمكن ربط الأحداث المخصصة أيضًا.

مصادر