الفرق بين المراجعتين ل"jQuery/contextmenu"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
سطر 27: سطر 27:
 
لا يقبل هذا الشكل من التّابع أيّة وسائط.
 
لا يقبل هذا الشكل من التّابع أيّة وسائط.
  
يُعدُّ هذا التّابع اختصارًا للتابع  <code>‎.on( "contextmenu", handler )</code>‎ في أول شكلين له، وللتّابع ‎<code>.trigger( "contextmenu" )‎</code> في شكله الثّالث. يُرسَل الحدث <code>contextmenu</code> إلى العنصر عند النقر على زر الفأرة الأيمن، ولكن قبل ظهور القائمة المنبثقة (context menu)، وهي القائمة التي تظهر عند نقر المستخدم على زر الفأرة الأيمن.
+
يُعدُّ هذا التّابع اختصارًا للتابع  <code>‎.on( "contextmenu", handler )</code>‎ في أول شكلين له، وللتّابع ‎<code>.trigger( "contextmenu" )‎</code> في شكله الثّالث. يُرسَل الحدث <code>contextmenu</code> إلى العنصر عند النقر على زر الفأرة الأيمن، ولكن قبل ظهور القائمة المنبثقة (context menu)، وهي القائمة التي تظهر عندما ينقر المستخدم على زر الفأرة الأيمن. وفي حال ضغطنا على زر لوحة المفاتيح الذي يُظهِر القائمة المنبثقة، فسيُطلَق الحدث على العنصر <code>[[HTML/html|<html‎>]]</code> أو على العنصر قيد التركيز حاليًّا. بإمكان أي عنصر HTML أن يستقبل هذا الحدث، فلنأخذ هذا المثال:<syntaxhighlight lang="html">
 +
<div id="target">
 +
  انقر باليمين هنا
 +
</div>
 +
</syntaxhighlight>يُمكِن ربط مُعالِج الأحداث إلى عنصر <code>[[HTML/div|<div‎>]]</code> كما يلي:<syntaxhighlight lang="javascript">
 +
$( "#target" ).contextmenu(function() {
 +
  alert( "استدعي معالج الأحداث للتابع ‎.contextmenu()‎" );
 +
});
 +
</syntaxhighlight>سيعرض الآن النقر بالأيمن على هذا العنصر رسالة التنبيه التالية:<syntaxhighlight lang="text">
 +
استدعي معالج الأحداث للتابع ‎.contextmenu()‎
 +
</syntaxhighlight>لإطلاق الحدث يدويًّا، نستدعي التّابع ‎<code>.contextmenu()</code>‎ بدون أي وسيط:<syntaxhighlight lang="javascript">
 +
$( "#target" ).contextmenu();
 +
</syntaxhighlight>

مراجعة 13:45، 31 مايو 2018


‎.contextmenu( handler )‎

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

كائن jQuery.

الوصف

يُستخدَم التابع ‎‎.contextmenu()‎‎ في ربط مُعالِج أحداث (event handler) إلى الحدث ‎contextmenu‎ في JavaScript، أو إطلاق هذا الحدث على عنصر ما.

‎.contextmenu( handler )‎

أضيفت في الإصدار: 1.0.

handler

دالة على الشكل ‎Function( Event eventObject )‎، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.

‎.contextmenu( [eventData ], handler )‎

أضيفت في الإصدار: 1.4.3.

eventData

أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيّة استخدام أي نوع)، ويُمثِّل كائن يحتوي على البيانات التي ستُمرَّر إلى مُعالِج الأحداث.

handler

دالة على الشكل ‎Function( Event eventObject )‎، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.

‎.contextmenu()‎

أضيفت في الإصدار: 1.0.

لا يقبل هذا الشكل من التّابع أيّة وسائط.

يُعدُّ هذا التّابع اختصارًا للتابع ‎.on( "contextmenu", handler )‎ في أول شكلين له، وللتّابع ‎.trigger( "contextmenu" )‎ في شكله الثّالث. يُرسَل الحدث contextmenu إلى العنصر عند النقر على زر الفأرة الأيمن، ولكن قبل ظهور القائمة المنبثقة (context menu)، وهي القائمة التي تظهر عندما ينقر المستخدم على زر الفأرة الأيمن. وفي حال ضغطنا على زر لوحة المفاتيح الذي يُظهِر القائمة المنبثقة، فسيُطلَق الحدث على العنصر <html‎> أو على العنصر قيد التركيز حاليًّا. بإمكان أي عنصر HTML أن يستقبل هذا الحدث، فلنأخذ هذا المثال:

<div id="target">
  انقر باليمين هنا
</div>

يُمكِن ربط مُعالِج الأحداث إلى عنصر <div‎> كما يلي:

$( "#target" ).contextmenu(function() {
  alert( "استدعي معالج الأحداث للتابع ‎.contextmenu()‎" );
});

سيعرض الآن النقر بالأيمن على هذا العنصر رسالة التنبيه التالية:

استدعي معالج الأحداث للتابع ‎.contextmenu()‎

لإطلاق الحدث يدويًّا، نستدعي التّابع ‎.contextmenu()‎ بدون أي وسيط:

$( "#target" ).contextmenu();