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

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

<كائن الحدث

مثال

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

document.getElementById("myAnchor").addEventListener("click", function(event){
    event.preventDefault()
});
انها محاولة لنفسك »

أكثر "Try it Yourself" الأمثلة أدناه.


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

و preventDefault() طريقة إلغاء الحدث إذا كان للإلغاء، وهذا يعني أن الإجراء الافتراضي الذي ينتمي إلى الحدث لن يحدث.

على سبيل المثال، يمكن أن يكون مفيدا في الحالات التالية:

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

ملاحظة: ليست كل الأحداث الإلغاء. استخدام للإلغاء الملكية لمعرفة ما إذا كان الحدث هو للإلغاء.

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


دعم المتصفح

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

طريقة
preventDefault() نعم فعلا تسعة نعم فعلا نعم فعلا نعم فعلا

بناء الجملة

event .preventDefault()

المعلمات

لا شيء

تفاصيل تقنية

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

أمثلة

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

مثال

منع الإجراء الافتراضي من مربع:

document.getElementById("myCheckbox").addEventListener("click", function(event){
    event.preventDefault()
});
انها محاولة لنفسك »

<كائن الحدث