.triggerHandler()

Syntax

.triggerHandler(eventType[, extraParameters])

Parameters

eventType: A string containing a JavaScript event type such as click or submit
extraParameters: An array of additional parameters to pass along to the event handler

Return value

The return value of the triggered handler, or undefined if no handlers are triggered.

Description

The .triggerHandler() method executes all handlers attached to an element for an event.

The .triggerHandler() method does not cause the default behavior of an event to fire. .triggerHandler() only affects the first matched element.

Events created with .triggerHandler() do not bubble up the DOM hierarchy.

.triggerHandler() returns whatever value was returned by the last handler it caused to be executed .triggerHandler() executes the attached handler rather than the native method.

Trigger focus event

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#old").click(function(){
              $("input").trigger("focus");
            });
            $("#new").click(function(){
              $("input").triggerHandler("focus");
            });
            $("input").focus(function(){
              $("<span>Focused!</span>").appendTo("body");
            });
        });
    </script>
  </head>
  <body>
    <body>
          <button id="old">.trigger("focus")</button>
          <button id="new">.triggerHandler("focus")</button><br/><br/>
          <input type="text" value="To Be Focused"/>
    </body>
</html>

Click to view the demo

The following code triggers the focus event.

 
<html>
  <head>
    <script src="http://java2s.com/Book/JavaScriptDemo/jQuery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#old").click(function(){
              $("input").trigger("focus");
            });
            $("#new").click(function(){
              $("input").triggerHandler("focus");
            });
            $("input").focus(function(){
              $("<span>Focused!</span>").appendTo("body");
            });
        });
    </script>
  </head>
  <body>
    <body>
          <button id="old">.trigger("focus")</button>
          <button id="new">.triggerHandler("focus")</button><br/><br/>
          <input type="text" value="To Be Focused"/>
    </body>
</html>

Click to view the demo

Home
JavaScript Book
jQuery

Event: