How to use simulated click button action with jQuery or javascript?

Question

I need to use JavaScript to simulate the action of clicking buttons. How do I achieve this? Can I achieve this with jQuery?

Answer 1

Yes, you can do it with jquery. Use the trigger function. Here is the documentation . Here is an example:

 $('#foo').trigger('click'); 

Answer 2

You can execute the click event handler assigned to the control button:

 $("#mybutton").click(); 

Answer 3

Simple . click () :

 $("#theButton").click(); 

Answer 4

Please try entering the following code, for example:

 setTimeout(function() { $(".class_name").trigger('click'); }, 8000); 

Answer 5

Having wrapped it in this “anonymous document function”, make sure that the button is clicked. Just in case, it tries to click before the item you want to click is loaded. This will fix this problem.

Also, remember that the identifier uses a hash (i.e. # close the button), but if you want to click on an element that has a class, replace the hash with one point (i.e. close button).

 jQuery(document).ready(function() { $("#close-button").trigger('click'); }); 

Answer 6

The following code will double-click to print one of $('.submitBtn').click(); and other $('.submitBtn').trigger('click')

 $(document).ready(function() { $('.submitBtn').on('click', function() { console.log("Clicked!"); }) $('.submitBtn').click(); $('.submitBtn').trigger('click') }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <button menu="submitBtn" class="submitBtn len4 btn" title="submit" data-code-m="sbm.submit"> Click me </button>