jQuery على طريقة ()
مثال
أرفق حدث نقر بالعنصر <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
التعريف والاستخدام
تقوم طريقة on () بإرفاق واحد أو أكثر من معالجات الأحداث للعناصر المحددة والعناصر الفرعية.
اعتبارًا من الإصدار 1.7 من jQuery ، فإن طريقة on () هي البديل الجديد لطرق bind () و live () و التفويض (). تضفي هذه الطريقة قدرًا كبيرًا من الاتساق على واجهة برمجة التطبيقات ، وننصح باستخدام هذه الطريقة ، لأنها تبسط قاعدة كود jQuery.
ملاحظة: ستعمل معالجات الأحداث المرفقة باستخدام طريقة on () لكل من العناصر الحالية والمستقبلية (مثل عنصر جديد تم إنشاؤه بواسطة برنامج نصي).
نصيحة: لإزالة معالجات الأحداث ، استخدم طريقة off () .
نصيحة: لإرفاق حدث يتم تشغيله مرة واحدة فقط ثم يزيل نفسه ، استخدم طريقة one () .
بناء الجملة
$(selector).on(event,childSelector,data,function,map)
| Parameter | Description |
|---|---|
| event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
| childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
| data | Optional. Specifies additional data to pass along to the function |
| function | Required. Specifies the function to run when the event occurs |
| map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
جربها بنفسك - أمثلة
كيفية إرفاق أحداث متعددة بالعنصر.
كيفية إرفاق معالجات أحداث متعددة بالعناصر المحددة باستخدام معلمة الخريطة.
كيفية إرفاق حدث مساحة اسم مخصص على عنصر.
كيفية تمرير البيانات إلى الوظيفة.
أن طريقة on () تعمل أيضًا مع العناصر التي لم يتم إنشاؤها بعد.
كيفية إزالة معالج حدث باستخدام طريقة off ().