متد isPropagationStopped() در jQuery

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

متد isPropagationStopped() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. متد isPropagationStopped() بررسی می‌کند که آیا stopPropagation() تا به حال روی این شی رویداد فراخوانی شده است یا خیر. این متد در صورتی که متد stopPropagation قبلاً فراخوانی شده باشد true را برمی‌گرداند، در غیر این صورت false را برمی‌گرداند.

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

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

event.isPropagationStopped()

مثال

در قطعه کد زیر با یک مثال ساده نشان داده شده است که استفاده از این متد چگونه است:

<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() {
			
            $("div").click(function(event){
				
               alert("This is : " + $(this).text());
               if ( event.isPropagationStopped() ){
                  alert( "Event bubbling is disabled - 1" );
               }else{
                  alert( "Event bubbling is enabled - 1" );
               }
					
               event.stopPropagation();
					
               if ( event.isPropagationStopped() ){
                  alert( "Event bubbling is disabled - 2" );
               }else{
                  alert( "Event bubbling is enabled - 2" );
               }
					
            });
				
         });
      </script>
		
      <style>
         div{ margin:10px;padding:12px; border:2px solid #666; width:160px;}
      </style>
   </head>
	
   <body>
      <p>Click on any box to see the effect:</p>
		
      <div id = "div1" style = "background-color:blue;">
         OUTER BOX
         <div id = "div2" style = "background-color:red;">
            INNER BOX
         </div> 
      </div>
   </body>
</html>

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

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

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

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

اولین امتیاز را ثبت کنید😊