متد stopPropagation() در jQuery

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

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

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

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

event.stopPropagation()

مثال

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

<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());
               // Comment the following to see the difference
               event.stopPropagation();
            });
         });
      </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()	نشان می دهد که آیا متد ()preventDefault تا به حال روی این شی رویداد فراخوانی شده است یا خیر
stopPropagation()	حباب کردن یک رویداد به عناصر والد را متوقف می‌کند و از اطلاع رسانی به هر کنترل کننده والد از رویداد جلوگیری می‌کند
isPropagationStopped()	نشان می‌دهد که آیا متد ()stopPropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر
stopImmediatePropagation()	اجرای بقیه کنترل کننده‌ها را متوقف می‌کند
isImmediatePropagationStopped()	نشان می‌دهد که آیا متد ()stopImmediatePropagation تا به حال روی این شی رویداد فراخوانی شده است یا خیر

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

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

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