الفرق بين المراجعتين ل"React/events"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:الأحداث المصطنعة (Synthetic Events)}}</noinclude>')
 
سطر 1: سطر 1:
 
<noinclude>{{DISPLAYTITLE:الأحداث المصطنعة (Synthetic Events)}}</noinclude>
 
<noinclude>{{DISPLAYTITLE:الأحداث المصطنعة (Synthetic Events)}}</noinclude>
 +
يوثّق هذا الدليل مُغلِّف الأحداث المصطنعة <code>SyntheticEvent</code> والذي يُشكِّل جزءًا من نظام أحداث React. انظر توثيق معالجة الأحداث لتعلّم المزيد.
 +
 +
== لمحة عامّة ==
 +
ستُمرِّر مُعالجات الأحداث لديك نُسخًا من <code>SyntheticEvent</code>، وهو عبارة عن تغليف للأحداث متوافق عبر المتصفحات لأجل نظام الأحداث الأصلي في المتصفّح، حيث يمتلك نفس الواجهة بما في ذلك <code>stopPropagation()</code>‎ و <code>preventDefault()‎</code>، فيما عدا أنّ هذه الأحداث تعمل عبر جميع المتصفحات.
 +
 +
إن وجدت أنّك تحتاج حدث المتصفح الأصلي فاستخدم ببساطة الخاصيّة <code>nativeEvent</code> للحصول عليه. يمتلك كل كائن <code>SyntheticEvent</code> الخاصيّات التالية:

مراجعة 01:56، 9 سبتمبر 2018

يوثّق هذا الدليل مُغلِّف الأحداث المصطنعة SyntheticEvent والذي يُشكِّل جزءًا من نظام أحداث React. انظر توثيق معالجة الأحداث لتعلّم المزيد.

لمحة عامّة

ستُمرِّر مُعالجات الأحداث لديك نُسخًا من SyntheticEvent، وهو عبارة عن تغليف للأحداث متوافق عبر المتصفحات لأجل نظام الأحداث الأصلي في المتصفّح، حيث يمتلك نفس الواجهة بما في ذلك stopPropagation()‎ و preventDefault()‎، فيما عدا أنّ هذه الأحداث تعمل عبر جميع المتصفحات.

إن وجدت أنّك تحتاج حدث المتصفح الأصلي فاستخدم ببساطة الخاصيّة nativeEvent للحصول عليه. يمتلك كل كائن SyntheticEvent الخاصيّات التالية: