الفرق بين المراجعتين ل"jQuery/event/delegateTarget"
< jQuery
اذهب إلى التنقل
اذهب إلى البحث
ط (استبدال النص - 'jQuery/Element' ب'JavaScript/Element') |
|||
| (مراجعتان متوسطتان بواسطة نفس المستخدم غير معروضتين) | |||
| سطر 3: | سطر 3: | ||
=== القيمة المعادة === | === القيمة المعادة === | ||
| − | + | تُعيد كائنًا من النوع [[JavaScript/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 Events]] | [[تصنيف:jQuery Events]] | ||
المراجعة الحالية بتاريخ 11:01، 1 يوليو 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" );
});