متد triggerHandler() در jQuery

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

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

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

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

selector.triggerHandler( event, [data] )

این متد بسیار شبیه به متد ()trigger عمل می‌کند، با دو استثنا:

هیچ اقدام پیش‌فرض مرورگری راه‌اندازی نمی‌شود، رویداد راه‌اندازی شده حباب نمی‌زند، و رویدادهای زنده فعال نمی‌شوند
رویداد فقط در اولین عنصر در مجموعه jQuery فعال می‌شود

این متد به جای یک شی jQuery زنجیره‌ای، مقدار بازگشتی کنترل کننده راه اندازی شده را برمی‌گرداند.

پارامترهای متد triggerHandler( 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() {

            $("#old").click(function(){
               $("input").trigger("focus");
            });
      
            $("#new").click(function(){
               $("input").triggerHandler("focus");
            });
      
            $("input").focus(function(){
               $("<span>Focused!</span>").appendTo("body").fadeOut(1000);
            });
				
         });
      </script>
   </head>
	
   <body>
      <button id = "old">.trigger("focus")</button>
      <button id = "new">.triggerHandler("focus")</button><br/><br/>
		
      <input type = "text" value = "To Be Focused"/>
   </body>
</html>

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

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

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

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

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

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