الفرق بين المراجعتين لصفحة: «jQuery/event/delegateTarget»
< jQuery
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 3: | سطر 3: | ||
=== القيمة المعادة === | === القيمة المعادة === | ||
تُعيد كائنًا من النوع [[jQuery/Element|Element]]. | |||
=== الوصف === | === الوصف === | ||
| سطر 11: | سطر 11: | ||
أُضيف مع الإصدار: 1.7. | أُضيف مع الإصدار: 1.7. | ||
تفيد هذه الخاصية عادةً في الأحداث المُفوَضة | تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع <code>[[jQuery/delegate|.delegate()]]</code> أو التابع <code>[[jQuery/on|.on()]]</code>، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض. | ||
بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، | بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية <code>event.delegateTarget</code> مساويةً دومًا للخاصية <code>[[jQuery/event/currentTarget|event.currentTarget]]</code>. | ||
=== أمثلة === | === أمثلة === | ||
عند النقر فوق زر في أي مربع، يتغير لون خلفية الصندوق إلى اللون الأحمر | عند النقر فوق زر في أي مربع، يتغير لون خلفية الصندوق <code>[[CSS/background-color|background-color]]</code> إلى اللون الأحمر:<syntaxhighlight lang="jquery"> | ||
$( ".box" ).on( "click", "button", function( event ) { | $( ".box" ).on( "click", "button", function( event ) { | ||
$( event.delegateTarget ).css( "background-color", "red" ); | $( event.delegateTarget ).css( "background-color", "red" ); | ||
| سطر 23: | سطر 23: | ||
== مصادر == | == مصادر == | ||
* [http://api.jquery.com/event.delegateTarget/ صفحة | * [http://api.jquery.com/event.delegateTarget/ صفحة الخاصية event.delegateTarget في توثيق jQuery الرسمي]. | ||
[[تصنيف:jQuery]] | [[تصنيف:jQuery]] | ||
[[تصنيف:jQuery Method]] | [[تصنيف:jQuery Method]] | ||
[[تصنيف:jQuery Events]] | [[تصنيف:jQuery Events]] | ||
مراجعة 11:11، 30 مايو 2018
event.delegateTarget
القيمة المعادة
تُعيد كائنًا من النوع Element.
الوصف
العنصر المُرفق به معالج أحداث jQuery المُستدعى حاليًا.
event.delegateTarget
أُضيف مع الإصدار: 1.7.
تفيد هذه الخاصية عادةً في الأحداث المُفوَضة (delegated events) التي رُبِطَت بالحدث باستخدام التابع .delegate() أو التابع .on()، عندما يرتبط معالج الحدث بالعنصر الأب للعنصر المُعالَج. على سبيل المثال، فيمكن استخدامه لتحديد وإزالة معالجات الأحداث في نقطة التفويض.
بالنسبة إلى معالجات الأحداث غير المُفوَّضة المرفقة مباشرةً بعنصرٍ ما، وتكون الخاصية event.delegateTarget مساويةً دومًا للخاصية event.currentTarget.
أمثلة
عند النقر فوق زر في أي مربع، يتغير لون خلفية الصندوق background-color إلى اللون الأحمر:
$( ".box" ).on( "click", "button", function( event ) {
$( event.delegateTarget ).css( "background-color", "red" );
});