مثال
إزالة "mousemove" الحدث الذي تم إرفاقه مع addEventListener() الأسلوب:
// Attach an event handler to the document
document.addEventListener("mousemove",
myFunction);
// Remove the event handler from the document
document.removeEventListener("mousemove", myFunction); انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و document. removeEventListener() document. removeEventListener() طريقة إزالة معالج الحدث الذي تم إرفاقه مع الوثائق. addEventListener() الأسلوب.
ملاحظة: لإزالة معالجات الأحداث، وظيفة محددة مع addEventListener() يجب أن يكون أسلوب خارجي، "named" وظيفة، كما في المثال أعلاه (myFunction) .
وظائف مجهول، مثل "وثيقة. removeEventListener(" event ", function() {myScript})؛" لن يعمل.
نصيحة: استخدم عنصر. addEventListener() و العنصر. removeEventListener() طرق لإضافة / إزالة معالجات الأحداث إلى / من العنصر المحدد.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل الأسلوب.
| طريقة | |||||
|---|---|---|---|---|---|
| removeEventListener() | 1.0 | تسعة | 1.0 | 1.0 | 7.0 |
ملاحظة: removeEventListener() لا يتم اعتماد طريقة في Internet Explorer 8 والإصدارات السابقة، وأوبرا 6.0 والإصدارات السابقة. ومع ذلك، لهذه الإصدارات المحددة المتصفح، يمكنك استخدام detachEvent() طريقة لإزالة معالجات الأحداث التي تم إرفاقها مع attachEvent() طريقة (انظر "More Examples" أدناه للحصول على حل عبر متصفح).
بناء الجملة
document.removeEventListener( event , function ,
useCapture )
قيم معلمة
| معامل | وصف |
|---|---|
| event | مطلوب. A سلسلة تحدد اسم الحدث إزالته. ملاحظة: لا تستخدم "on" البادئة. على سبيل المثال، استخدم "click" بدلا من "onclick" . نصيحة: للحصول على قائمة من كافة الأحداث HTML DOM، أن ننظر في موقعنا كاملة HTML DOM الحدث كائن المرجعي . |
| function | مطلوب. تحدد وظيفة إزالته. |
| useCapture | اختياري. قيمة منطقية التي تحدد المرحلة الحدث لإزالة معالج الحدث من. القيم الممكنة:
|
تفاصيل تقنية
| صفحة DOM: | مستوى DOM 2 الأحداث |
|---|---|
| قيمة الإرجاع: | لا قيمة الإرجاع |
| التغيير: | أصبحت المعلمة useCapture اختيارية في فايرفوكس 6 وأوبرا 12.0 (has always been optional for Chrome, IE and Safari) |
مزيد من الأمثلة
مثال
لالمتصفحات التي لا تدعم removeEventListener() الطريقة، يمكنك استخدام detachEvent() الأسلوب.
يوضح هذا المثال حل عبر متصفح:
if (document.removeEventListener) { // For all major browsers, except IE 8 and earlier
document.removeEventListener("mousemove", myFunction);
} else if (document.detachEvent) { // For IE 8 and earlier versions
document.detachEvent("onmousemove", myFunction);
} انها محاولة لنفسك » صفحات ذات صلة
جافا سكريبت تعليمي: HTML DOM EventListener
جافا سكريبت المرجعي: العنصر. removeEventListener()