Send simulated click arguments

Question

How to send arguments when clicked?

// initiate the button $('#btn').click(function(e){ console.log(e.data); }); // later on I need to simulate a click with parameter $('#btn').click({ param : 'simulated click' }); 

Answer 1

You can pass an additional parameter to the function handler using the trigger() method:

 // initiate the button $('#btn').click(function(e, data){ console.log(data); }); // later on I need to simulate a click with parameter $('#btn').trigger('click',{ param : 'simulated click' }); 

But if your goal is simply to check if the event was fired programmatically, you can check:

 // initiate the button $('#btn').click(function(e){ if(e.isTrigger) { console.log('simulated click'); } }); 

Answer 2

Why can't we use .data() like this?

 $('#btn').click(function(e){ console.log($(this).data("param")); }); $('#btn').data("param",{param : 'simulated click'}).click(); 

Answer 3

You can do this with $.trigger() , for example:

 $('#btn').click(function(e) { console.log(e.param); }); $('#btn').trigger({ type: "click", param: "simulated click" }); // => 'simulated click' 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <button id="btn">Click me</button>