DO YOU NEED A CONTENT WRITER FOR YOUR BUSINESS?

Your One-Stop Solution for All Content Needs! Click here for more!
Categories: jQuery

jQuery trigger() method

Share

jQuery trigger() method triggers the default behavior of a specified event for a selected elements.

Although the .trigger() simulates an event activation by completing with a synthesized event object, that does not perfectly replicate a naturally-occurring event.

Suppose you are trying to trigger an event on the anchor. So in this case you can call it by:

$(document).ready(function(){
$("a").trigger("click");
});

For a multiple anchor you can click the last anchor using:

$('.menu a').last().trigger('click');

The difference between trigger() and triggerHandler() method is that triggerHandler() does not trigger the default behavior of the event.

Read Also: Why use jQuery on() instead of click()

There are four differences between .trigger() and .triggerHandler():

  1. In jQuery object, .triggerHandler() only triggers the event on the first element.
  2. .triggerHandler() cannot be chained and this returns the value which is returned by the last handler, not a jQuery object.
  3. .triggerHandler() will not cause the default behavior of the event.
  4. Events triggered by .triggerHandler(), will not bubble up the DOM hierarchy. Handlers on the single element will fire only.

Do not use .trigger() for simply executing specific functions.

When you are using this method, you should not use simply for calling a function that was bound as a click handler. But, you should store the function you need to call in a variable, passing the variable name when you do your binding also. Then, you can call the function itself whenever you want, without the need for .trigger().

Jacob Frazier

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

Recent Posts

Integrating Web Apps with Enterprise CRMs

Modern web applications rarely live alone. A customer portal, an internal order-management console, or a…

3 days ago

The Invoice Arrived. Who Approved the Purchase?

An invoice lands in the accounts inbox for equipment delivered three weeks ago. The supplier…

3 days ago

5 UI/UX Design Tweaks That Instantly Boost Google Ads Conversion Rates

A Google Ads management campaign can look healthy in the dashboard and still waste money…

2 weeks ago

Before You Buy More Traffic, Fix the Questions Your Website Leaves Unanswered

A potential customer arrives on your website after searching for a service you provide. They…

2 weeks ago

8 Great Success Business Stories

In the business world, there’s no such thing as a new idea. The best we…

1 month ago

Faceless YouTube vs Blogging: Which Monetization Path Fits Beginners Better?

Both of these work. Both are difficult. And anyone telling you one is obviously better…

1 month ago