How to trigger an event without clicking the button in javascript

Question

I would like to write a code to trigger an event in pure javascript without clicking the button.

i would like the solution to be more generic so that it can be apllied to any event. Like if i want to trigger either button click or drop down etc without actual mouse or keyboard activity.

we have seething for submit button without clicking on it--document.formid.submit();

You can either use the jQuery trigger method, or natively developer.mozilla.org/en-US/docs/Web/Guide/Events/… — Gavin
– Gavin, Commented May 17, 2016 at 10:35
you just need to create a javascript function and bind it with whaever action you want. — Hemant Metalia
– Hemant Metalia, Commented May 17, 2016 at 10:35

Gavin · Accepted Answer · 2016-05-17 10:45:32Z

3

jQuery's trigger method can be used to trigger an event:

https://jsfiddle.net/gRoberts/4xah6nph/

$('#test').click(function(e) {
    alert('jQuery: You clicked me!');
});

setTimeout(function() {
    $('#test').trigger('click');
}, 5000);

or alternatively you can use

var elem = document.getElementById('test');
elem.addEventListener('click', function(e) {
    alert('Navtive: You clicked me!');
});
setTimeout(function() {
    elem.dispatchEvent(new Event('click'));
}, 6000);

answered May 17, 2016 at 10:45

Gavin

6,3695 gold badges32 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to trigger an event without clicking the button in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related