How to trigger a click using jQuery?

trigger click jQuery

Description About trigger a click:
Bind an event handler to the “click” JavaScript event, or trigger that event on an element.
OR
A way to trigger the event handlers bound to an element without any user interaction via the .trigger() method.

What handlers can be .trigger()’d?
jQuery’s event handling system is a layer on top of native browser events. When an event handler is added using .on( "click", function() {...} ), it can be triggered using jQuery’s .trigger( "click" ) because jQuery stores a reference to that handler when it is originally added. Additionally, it will trigger the JavaScript inside the onclick attribute.

CASE – 1

We can use trigger like this : $("#test1").trigger("click");

CASE – 2

We can use click() function like this : $("#test1").click();

$("selector").click(); 

//or

$("selector").trigger("click");

CASE – 3

If we want to write a function on programmatically Click then..

$(document).on("click", "a", function(){
    $(this).text("It works!");
});

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

$('#test2').find('span').trigger('click'); // Works

$('#test2 span').trigger('click'); // Also Works

document.getElementById('test1').click(); // Also Works!

You can get more details about this topic from here.
To get to know more about other JQuery topics, you can check these articles too.

Please follow and like us:

Related Posts

Leave a Reply

Share