English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
يضيف طريقة on() معالجات أحداث واحدة أو أكثر إلى العنصر المحدد وأبنائه.
هذا يضيف أيضًا الدالة التي يجب تشغيلها عند حدوث الحدث.
لإزالة معالج الأحداث، استخدمoff()الطريقة.
لإضافة أحداث تعمل مرة واحدة فقط ثم إزالتها، استخدمone()الطريقة.
$(selector).on(event, childSelector, data, function)
إضافة أحداث click إلى جميع عناصر <p>:
$("p").on("click", function(){
$(this).css("background-color", "coral");
});اختبار لرؤية‹/›إضافة أحداث mouseenter إلى جميع عناصر <p>:
$("p").on("mouseenter", function(){
$(this).css("background-color", "coral");
});اختبار لرؤية‹/›إضافة عدة معالجات أحداث إلى عنصر <div>:
$("div").on("mouseenter mouseleave click", function(){
$(this).text(Math.random());
});اختبار لرؤية‹/›تقديم البيانات إلى الدالة:
$("document").ready(function(){
$("p").on("click", {msg: "أنت للتو ضغطت علي!!!"}, showMsg)
});
function showMsg(event) {
$(this).append(event.data.msg);
});اختبار لرؤية‹/›استخدامchildSelectorسيتم إضافة حدث click إلى جميع عناصر <p>:
$("document").ready(function(){
$("body").on("click", "p", changeSize);
});اختبار لرؤية‹/›إزالة حدث mousemove من عنصر <div>:
$("button").click(function(){
$("div").off("mousemove");
});اختبار لرؤية‹/›| معلمات | وصف |
|---|---|
| حدث | تحديد أحداث أو نطاقات أو أسماء مجالات باستخدام مسافات |
| childSelector | اختياري) تحديد العنصر الفرعي الذي يجب إضافة معالج الحدث إليه (بدلاً من الخيار نفسه) |
| بيانات | اختياري) تحديد بيانات أخرى يجب نقلها إلى هذه الدالة ملاحظة:إذا تم تمريربياناتإذا قدمت المعلمات إلى طريقة on()، فإن المعلمات ستكون موجودة فيevent.dataنقل المعلمات إلى المعالج |
| دالة | الميزة التي تنفذ عند تفعيل الحدث |