الفرق بين المراجعتين لصفحة: «jQuery/contextmenu»
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
Kinan-mawed (نقاش | مساهمات) لا ملخص تعديل |
||
سطر 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
القيمة المعادة
كائن jQuery.
الوصف
يُستخدَم التابع .contextmenu()
في ربط مُعالِج أحداث (event handler) إلى الحدث contextmenu
في JavaScript، أو إطلاق هذا الحدث على عنصر ما.
أضيفت في الإصدار: 1.0.
handler
دالة على الشكل Function( Event eventObject )، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.
أضيفت في الإصدار: 1.4.3.
eventData
أي شيء (وهو نوع افتراضي مُستخدَم في jQuery للإشارة إلى إمكانيّة استخدام أي نوع)، ويُمثِّل كائن يحتوي على البيانات التي ستُمرَّر إلى مُعالِج الأحداث.
handler
دالة على الشكل Function( Event eventObject )، وتُمثِّل الدالة التي ستُنفَّذ في كل مرة يُطلَق فيها الحدث.
أضيفت في الإصدار: 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();