.triggerHandler() | jQuery API Documentation

相关文章推荐

腹黑的水龙头 · 【武汉租房网_别墅出租】-武汉手机房天下· 3 月前 ·

含蓄的枇杷 · 中国文艺网_艺坛大家_谢铁骊追思会谢芳泪诵经 ...· 5 月前 ·

内向的菠萝 · 沟通图片_沟通素材_沟通模板免费下载-六图网· 1 年前 ·

淡定的鸭蛋 · 闽菜的经典名菜，那些出现在国宴上的菜肴- 知乎· 1 年前 ·

发怒的饭卡 · lsat满分：如何拿到LSAT满分- 留美规划帝· 1 年前 ·

.triggerHandler( eventType ) executes all handlers bound with jQuery for the event type. It will also execute any method called on{eventType}() found on the element. The behavior of this method is similar to .trigger() , with the following exceptions:

The


    .triggerHandler( "event" )

method will not call


    .event()

on the element it is triggered on. This means


    .triggerHandler( "submit" )

on a form will not call


    .submit()

on the form.

While


    .trigger()

will operate on all elements matched by the jQuery object,


    .triggerHandler()

only affects the first matched element.

Events triggered with


    .triggerHandler()

do not bubble up the DOM hierarchy; if they are not handled by the target element directly, they do nothing.

Instead of returning the jQuery object (to allow chaining),


    .triggerHandler()

returns whatever value was returned by the last handler it caused to be executed. If no handlers are triggered, it returns


    undefined

For more information on this method, see the discussion for .trigger() .

Example:

If you called .triggerHandler() on a focus event - the browser's default focus action would not be triggered, only the event handlers bound to the focus event.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>triggerHandler demo</title>
  <script src="https://code.jquery.com/jquery-3.7.0.js"></script>
</head>
<body>
 
<button id="old">.trigger( "focus" )</button>
<button id="new">.triggerHandler( "focus" )</button><br><br>
 
<input type="text" value="To Be Focused">
 
<script>
$( "#old" ).on( "click", function() {
  $( "input" ).trigger( "focus" );
} );
$( "#new" ).on( "click", function() {
  $( "input" ).triggerHandler( "focus" );
} );
$( "input" ).on( "focus", function() {
  $( "<span>Focused!</span>" ).appendTo( "body" ).fadeOut( 1000 );
} );
</script>
 
</body>
</html>

Web hosting by Digital Ocean | CDN by Fastly | Powered by WordPress