متد ()preventDefault در jQuery

متد preventDefault() در jQuery

دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 10 خرداد 1401

متد preventDefault() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. متد ()preventDefault از اجرای عملیات پیش فرض توسط مرورگر جلوگیری می‌کند. می‌توانید از متد isDefaultPrevented() استفاده کنید تا بدانید آیا این متد تا به حال (در آن شی رویداد) فراخوانی شده است یا خیر.

ساختار متد preventDefault()

در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:

event.preventDefault()

مثال

در قطعه کد زیر با یک مثال ساده نشان داده شده است که استفاده از این متد چگونه است. این مثال نشان می‌دهد که چگونه می‌توانید مرورگر را از تغییر صفحه به href هر anchor جلوگیری کنید:

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
		
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("a").click(function(event){
               event.preventDefault();
               alert( "Default behavior is disabled!" );
            });
         });
      </script>
   </head>
	
   <body>
      <span>Click the following link and it won't work:</span>
      <a href = "https://www.google.com">GOOGLE Inc.</a>
   </body>
</html>

مرجع رویدادها در jQuery – متدهای رویدادهای جی کوئری

متدشرح
preventDefault()از اجرای عملکرد پیش فرض مرورگر جلوگیری می‌کند
isDefaultPrevented()نشان می دهد که آیا متد ()preventDefault تا به حال روی این شی رویداد فراخوانی شده است یا خیر
stopPropagation()حباب کردن یک رویداد به عناصر والد را متوقف می‌کند و از اطلاع رسانی به هر کنترل کننده والد از رویداد جلوگیری می‌کند
isPropagationStopped()نشان می‌دهد که آیا متد ()stopPropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر
stopImmediatePropagation()اجرای بقیه کنترل کننده‌ها را متوقف می‌کند
isImmediatePropagationStopped()نشان می‌دهد که آیا متد ()stopImmediatePropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر

مطالعه مقاله مرجع رویدادها در jQuery به شما پیشنهاد می‌شود؛ مقاله متد preventDefault() در jQuery در اینجا به پایان می‌رسد، نظرات خود را با ما به اشتراک بگذارید.

این مقاله چقدر براتون مفید بود؟

میانگین رتبه : 1/5 - تعداد رای : 1