مетод رویداد preventDefault()

DOM ایونٹ Event اُبجیکٹ

تعریف و استفاده

اگر رویداد قابل لغو باشد، روش preventDefault() رویداد را لغو می‌کند، این به این معناست که عملکرد پیش‌فرض مربوط به این رویداد انجام نخواهد شد.

در موارد زیر مفید است:

  • دکمه "پیشنهاد" را کلیک کنید تا فرم را بلاک کنید
  • لینک را کلیک کنید تا از دنبال کردن URL جلوگیری شود

توضیحات:همه فعالیت‌ها قابل لغو نیستند. برای این منظور از ویژگی cancelable برای تعیین اینکه آیا رویداد قابل لغو است یا خیر استفاده می‌شود.

توضیحات:مетод preventDefault() از بلاک کردن گسترش رویداد از طریق DOM جلوگیری نمی‌کند. برای حل این مشکل از روش stopPropagation() استفاده کنید.

مثال

مثال 1

بلاک کردن باز شدن URL لینک:

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

خودش امتحان کن

مثال 2

بلاک کردن عملکرد پیش‌فرض چک باکس:

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

خودش امتحان کن

نحوی

event.preventDefault()

پارامتر

بلا تفصیلات۔

تکنیکی تفصیلات

بازگشت کوئی چیزی: بلا بازگشت کوئی چیزی نہیں دیتی ہے۔
DOM ورژن: DOM Level 2 Events

بروزر سپورٹ

تبلیغات میں نمبر کا استعمال، پہلا بروزر جس میں اس میٹھد کو پورا طور پر سپورٹ کیا گیا ہے، کا دالیتا ہوتا ہے۔

میتود کروم آئی ای فائر فاکس سافری اپرا
preventDefault() پشتیبانی 9.0 پشتیبانی پشتیبانی پشتیبانی
DOM ایونٹ Event اُبجیکٹ