طريقة preventDefault() للحادث

أحداث DOM مفهوم Event

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

إذا كان الحدث قابلاً للإلغاء، فإن طريقة preventDefault() ستجعل الحدث غير مرئي، مما يعني أن عملية التحقق المبدئية للحدث لن تحدث.

استخدامها في الحالات التالية:

  • انقر على زر "تقديم"، منع تقديم النموذج
  • انقر على الرابط، منع تتبع URL

ملاحظة:ليس كل الحركات قابلة للإلغاء. استخدم خصائص cancelable لتحديد ما إذا كان الحدث قابلاً للا取り消.

ملاحظة:طريقة preventDefault() لا تعيق تمرير الحدث عبر DOM. استخدم طريقة stopPropagation() لحل ذلك.

مثال

مثال 1

منع فتح URL للرابط:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
});

جرب بنفسك

مثال 2

منع عملية التحقق المبدئية للcheckbox:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
});

جرب بنفسك

النحو

حدث.preventDefault()

المتغيرات

لا يوجد.

تفاصيل التقنية

القيمة العائدة: لا يوجد قيمة عائدة.
إصدار DOM: أحداث مستوى 2 DOM

دعم المتصفح

الرقم في الجدول في الصفحة يوضح أقدم متصفح يدعم هذه الطريقة.

الطرق Chrome IE Firefox Safari Opera
preventDefault() الدعم 9.0 الدعم الدعم الدعم
أحداث DOM مفهوم Event