أحدث البرامج التعليمية وتطوير الشبكة
 

HTML DOM removeEventListener() Method

<كائن العنصر

مثال

إزالة "mousemove" الحدث الذي تم إرفاقه مع addEventListener() الأسلوب:

// Attach an event handler to <div>
document.getElementById("myDIV").addEventListener("mousemove", myFunction);

// Remove the event handler from <div>
document.getElementById("myDIV").removeEventListener("mousemove", myFunction);
انها محاولة لنفسك »

تعريف والاستخدام

و removeEventListener() طريقة إزالة معالج الحدث الذي تم إرفاقه مع addEventListener() الأسلوب.

ملاحظة: لإزالة معالجات الأحداث، وظيفة محددة مع addEventListener() يجب أن يكون الأسلوب وظيفة خارجية، كما في المثال أعلاه (myFunction) .

وظائف مجهول، مثل "العنصر. removeEventListener(" event ", function() {myScript})؛" لن يعمل.

دعم المتصفح

الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.

طريقة
removeEventListener() 1.0 تسعة 1.0 1.0 7.0

بناء الجملة

element .removeEventListener( event , function , useCapture )

قيم معلمة

معامل وصف
event مطلوب. A سلسلة تحدد اسم الحدث إزالته.

ملاحظة: لا تستخدم "on" البادئة. على سبيل المثال، استخدم "click" بدلا من "onclick" .

نصيحة: للحصول على قائمة من كافة الأحداث HTML DOM، أن ننظر في موقعنا كاملة HTML DOM الحدث كائن المرجعي .
function مطلوب. تحدد وظيفة إزالته.
useCapture اختياري. قيمة منطقية التي تحدد المرحلة الحدث لإزالة معالج الحدث من.

القيم الممكنة:
  • صحيح - إزالة معالج الحدث من مرحلة التقاط
  • false- افتراضي. يزيل معالج الحدث من مرحلة السطح
ملاحظة: إذا كان يعلق معالج الحدث مرتين، واحدة مع التقاط ومحتدما واحد، كل يجب إزالتها بشكل منفصل.

تفاصيل تقنية

صفحة DOM: مستوى DOM 2 الأحداث
قيمة الإرجاع: لا قيمة الإرجاع
التغيير: أصبحت المعلمة useCapture اختيارية في فايرفوكس 6 وأوبرا 12.0 (has always been optional for Chrome, IE and Safari)
أمثلة

مزيد من الأمثلة

مثال

لالمتصفحات التي لا تدعم removeEventListener() الطريقة، يمكنك استخدام detachEvent() الأسلوب.

يوضح هذا المثال حل عبر متصفح:

var x = document.getElementById("myDIV");
if (x.removeEventListener) {                   // For all major browsers, except IE 8 and earlier
    x.removeEventListener("mousemove", myFunction);
} else if (x.detachEvent) {                    // For IE 8 and earlier versions
    x.detachEvent("onmousemove", myFunction);
}
انها محاولة لنفسك »

صفحات ذات صلة

جافا سكريبت تعليمي: HTML DOM EventListener

جافا سكريبت المرجعي: وثيقة. removeEventListener()

<كائن العنصر