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

رویدادهای DOM موضوع Event

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

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

در موارد زیر مثال‌برداری می‌شود:

  • با کلیک بر روی دکمه "ثبت"، ممانعت از ارسال فرم
  • با کلیک بر روی لینک، ممانعت از دنبال کردن URL

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

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

مثال

مثال 1

ممانعت از باز شدن URL لینک:

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

به طور مستقیم امتحان کنید

مثال 2

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

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

به طور مستقیم امتحان کنید

زبان

رویداد.preventDefault()

پارامترها

بدون.

جزئیات فنی

بازگشت‌ارزش: بدون بازگشت‌ارزش.
نسخه DOM: DOM Level 2 Events

پشتیبانی مرورگر

اعداد در جدول نشان‌دهنده نسخه اولین مرورگری است که این روش را کامل پشتیبانی می‌کند.

روش‌ها Chrome IE Firefox Safari Opera
preventDefault() پشتیبانی 9.0 پشتیبانی پشتیبانی پشتیبانی
رویدادهای DOM موضوع Event