مثال
إرفاق الحدث انقر فوق ل <p> العنصر:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); انها محاولة لنفسك » تعريف واستخدام
و on() طريقة تعلق واحد أو أكثر من معالجات الأحداث عن العناصر المحددة والعناصر التابعة.
اعتبارا من مسج الإصدار 1.7، و on() الأسلوب هو استبدال جديد لل bind(), live() و delegate() الأساليب. هذه الطريقة يجلب الكثير من الاتساق إلى API، ونحن ننصح باستخدام هذه الطريقة، لأنه يبسط رمز قاعدة مسج.
ملاحظة: معالجات الأحداث المرفقة باستخدام on() طريقة ستعمل كل من العناصر الحالية والمستقبلية (مثل عنصر جديد إنشاؤها بواسطة البرنامج النصي).
نصيحة: لإزالة معالجات الأحداث، استخدم off() الأسلوب.
تلميح: لإرفاق الحدث الذي يمتد مرة واحدة فقط ومن ثم يزيل نفسها، واستخدام one() الأسلوب.
بناء الجملة
$(selector).on(event,childSelector,data,function,map)
| معامل | وصف |
|---|---|
| event | مطلوب. يحدد واحدة أو أكثر من event(s) أو مساحات لنعلق على العناصر المحددة. يتم فصل القيم الحدث متعددة من الفضاء. يجب أن يكون الحدث صحيحا |
| childSelector | اختياري. تنص على أن معالج الحدث يجب أن يرفق فقط على العناصر التابعة محدد (وليس محدد نفسها، مثل إهمال delegate() طريقة). |
| data | اختياري. تحدد بيانات إضافية لتمرير جنبا إلى جنب مع وظيفة |
| function | مطلوب. يحدد وظيفة لتشغيل عند حدوث الحدث |
| map | يحدد خريطة الحدث ( {event:function, event:function, ...}) تحتوي على واحد أو أكثر من الحدث لنعلق على العناصر المحددة، وظائف لتشغيل عند وقوع الأحداث |
انها محاولة لنفسك - أمثلة
تغيير من bind() إلى on()
كيفية استخدام on() لتحقيق نفس تأثير bind() .
تغيير من delegate() إلى on()
كيفية استخدام on() لتحقيق نفس تأثير delegate() .
تغيير من live() إلى on()
كيفية استخدام on() لتحقيق نفس تأثير live() .
إرفاق أحداث متعددة
كيفية إرفاق أحداث متعددة إلى عنصر.
إرفاق معالجات الأحداث متعددة باستخدام المعلمة خريطة
كيفية إرفاق معالجات الأحداث متعددة إلى العناصر المحددة باستخدام المعلمة خريطة.
نعلق حدث مخصص على عنصر
كيفية إرفاق الحدث مساحة مخصصة على عنصر.
تمرير البيانات إلى وظيفة
كيفية تمرير البيانات إلى وظيفة.
إضافة معالجات الأحداث لعناصر المستقبل
وتبين ان on() الأسلوب يعمل أيضا لعناصر لم يخلق بعد.
إزالة معالج الحدث
كيفية إزالة معالج حدث باستخدام off() الأسلوب.