متد trigger() در jQuery

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

متد trigger() در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. به طور کلی متد trigger( event, [data] ) یک رویداد را در هر عنصر منطبق ایجاد می‌کند. رویدادهای راه‌اندازی شده به رویدادهای مبتنی بر مرورگر محدود نمی‌شوند، همچنین می‌توانید رویدادهای سفارشی ثبت‌شده با ()bind را فعال کنید.

ساختار متد trigger() در jQuery

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

selector.trigger( event, [data] )

پارامترهای متد trigger( event, [data] ) در jQuery

در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:

event : یک شی یا نوع رویداد برای راه‌اندازی
data : این یک پارامتر اختیاری است و داده‌های اضافی را برای ارسال به عنوان آرگومان (بعد از شی رویداد) به کنترل کننده رویداد نشان می‌دهد

مثال

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

<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() {
			
            $("#div1").click( function () {
               $("#div2").trigger('click');
            });

            $("#div2").click( function () {
               alert( "Square TWO is clicked");
            });
				
         });
      </script>
		
      <style>
         div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
	
      <span>Click square ONE to see the result:</span>
		
      <div id = "div1" style = "background-color:blue;">ONE</div>
      <div id = "div2" style = "background-color:blue;">TWO</div>
   </body>
</html>

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

جدول زیر متدهای مهم مرتبط با رویداد را فهرست می‌کند:

متد	شرح
bind()	یک کنترل کننده را به یک یا چند رویداد (مانند کلیک) برای هر عنصر منطبق متصل می‌کند، همچنین می‌تواند رویدادهای سفارشی را پیوند دهد
off()	این کار برعکس live را انجام می‌دهد، یک رویداد live محدود را حذف می‌کند
hover()	شبیه‌ سازی شناور کردن؛ به عنوان مثال حرکت ماوس روی یک شی برای خاموش یا روشن کردن آن
on()	یک کنترل کننده را به یک رویداد (مانند کلیک) برای همه عناصر منطبق با عنصر فعلی و آینده متصل می‌کند همچنین می‌تواند رویدادهای سفارشی را پیوند دهد
one()	یک کنترل کننده را به یک یا چند رویداد متصل می‌کند تا برای هر عنصر منطبق یک بار اجرا شود
ready()	تابعی را متصل می‌کند تا هر زمان که DOM آماده عبور و دستکاری است اجرا شود
trigger()	یک رویداد را در هر عنصر منطبق راه اندازی می‌کند
triggerHandler()	همه کنترل‌ کننده‌های رویداد محدود را روی یک عنصر فعال می‌کند
unbind()	این کار برعکس bind را انجام می‌دهد، رویدادهای محدود را از هر یک از عناصر مطابقت حذف می‌کند

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

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

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