русский  עברית
tadam logo
דוגמאות jQuery
מצאתם שגיאה?
סמנו אותה עם העכבר ותלחצו
Ctrl + Enter
בדיקת כתיב Xhtml.co.il
Orphus system

triggerHandler()

.triggerHandler( eventType, extraParameters )

מחזירה: אובייקט

תיאור: מפעיל את כל המטפלים המחוברים לאלמנט האירוע.

.trigger( eventType, extraParameters )

הוספה בגרסה: 1.0
eventType
מחרוזת המכילה סוג אירוע JavaScript, כמו לחיצה או שליחה.
extraParameters
מערך של פרמטרים נוספים לשליחה למטפל האירוע.

התנהגות של שיטה .triggerHandler() דומה ל- .trigger(), עם מספר חריגים:

  • שיטה .triggerHandler() לא מפעילה התנהגות בברירת מחדל של אירוע (לדוגמה, שליחת טופס).
  • בזמן ש-.trigger() יפעל על כל האלמנטים התואמים לאובייקט jQuery,
    .triggerHandler() יפעל רק על אלמנט ראשון בהתאמה.
  • אירועים הקשורים עם .triggerHandler() לא עוברים למעלה בהיררכיה DOM; אם הם אינם מטופלים על ידי אלמנט היעד ישירות, הם לא עושים דבר.
  • במקום החזרת אובייקט jQuery (המאפשר שירשור), .triggerHandler() מחזיר כל הערכים, שהוחזרו על ידי מטפל האחרון שהופעל. אם מטפלים אינם מופעלים, מוחזר undefined

לקבלת מידע נוסף על השיטה הזו ראו דיון על .trigger().

דוגמאות

דוגמה 1

אם הפעלתם .triggerHandler() על אירוע focus - אירוע ברירת מחדל לא יתבצע, רק מטפל אירועים קשור לאירוע focus.
    $("#old").click(function(){
      $("input").trigger("focus");
    });
    $("#new").click(function(){
      $("input").triggerHandler("focus");
    });
    $("input").focus(function(){
      $("Focused!").appendTo("body").fadeOut(1000);
    });
תוצאת הפעלה קוד לעיל:
קוד מלא:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.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>
האם מידע זה היה מועיל?
   

תגובות