Simulate a mouse-click in Javascript

Question

Looking for a Javascript that do a left-mouse click on a image/button identified by ID or CLASS name, wait x seconds and repeat. And able to run in developer tools Console tap, in chrome and firefox.

Tried to write it myself, cause i figured it would be a simple code, but after 2 hours of trial and error with no luck, i am starting to run out of options.

Hopefully a Javascript pro out there got time to help out a very novice user ;)

Thanks

Maybe this could help http://stackoverflow.com/questions/2490825/how-to-trigger-event-in-javascript — JCOC611, Dec 16 '13 at 01:59
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement.click, https://developer.mozilla.org/en-US/docs/Web/API/Window.setTimeout — Musa, Dec 16 '13 at 02:01

score 2 · Answer 1 · edited May 23 '17 at 10:29

2

If you're willing to use jQuery, you can use this simple function to do it:

window.setInterval(function(){
    $("#divToClick").trigger("click");
}, 1000);

That will call it every 1000 milliseconds, or 1 second

For a pure Javascript solution, you should take a look at How to trigger event in Javascript

or, if you're not interested in supporting IE, you can do it the simple way, with an Event() constructor, and event.dispatch()

edited May 23 '17 at 10:29

Community

1
1

answered Dec 16 '13 at 02:01

scrblnrd3

7,228
9
33
64

.trigger saves my life. – FaceBro Oct 26 '17 at 08:43

score 2 · Answer 2 · answered Dec 16 '13 at 02:02

2

What's wrong with

document.getElementById(id).click()

answered Dec 16 '13 at 02:02

Diego Carrion

513
5
8

2

That only works for input elements and links – scrblnrd3 Dec 16 '13 at 02:03
Try this: http://jsfiddle.net/c7ghL/ – Diego Carrion Dec 16 '13 at 02:11

adeneo · Answer 3 · 2013-12-16T02:15:56.877

2

You'd use the event constructor and dispatchEvent for that :

var support = true; // check if event constructor is supported

try {
    if (new MouseEvent('click', {bubbles: false}).bubbles !== false) {
        support = false;
    } else if (new MouseEvent('click', {bubbles: true}).bubbles !== true) {
        support = false;
    }
} catch (e) {
    support = false;
}

setInterval(function() {
    if (support) {
        var event = new MouseEvent('click');
    }else{
        var event = document.createEvent('Event');
        event.initEvent('click', true, true);
    }
    elem.dispatchEvent(event);
},1000);

FIDDLE

edited Dec 16 '13 at 02:15

answered Dec 16 '13 at 02:06

adeneo

312,895
29
395
388

Tried the Javascript code you wrote on Fiddle, but does not click the image and returns no error. just output 44 and clicked. – zyl1647 Dec 16 '13 at 02:37
Did of course replace test with actual ID. – zyl1647 Dec 16 '13 at 02:43
@zyl1647 - That's what the console does when the same value is logged over and over, it just adds a number at the front for the number of times it was logged to the console, try this and see -> http://jsfiddle.net/hLnTy/4/ – adeneo Dec 16 '13 at 02:46
Sadly the same, does however output [18, 18, 4, 3, 200, Array[3], "DBBBACCDECCD"] when i manually click the image while script runs – zyl1647 Dec 16 '13 at 02:57
@zyl1647 - does the fiddle posted above actually output that, and in what browser – adeneo Dec 16 '13 at 03:00
@zyl1647 - I've just tested this in IE9 (It won't work without attachEvent in older versions), Chrome, Firefox and Opera, and it works everywhere ? – adeneo Dec 16 '13 at 03:02
Does output that yeh, and in Chrome. – zyl1647 Dec 16 '13 at 03:13
@zyl1647 - It works just fine here? What does this do -> http://jsfiddle.net/hLnTy/5/ – adeneo Dec 16 '13 at 03:27
v5 on Fiddle outputs "Uncaught TypeError: Cannot call method 'appendChild' of null" tried to test with http://www.brainbashers.com/10seconds.asp. v4 on said 10seconds site still dont click the image, however it does return next clicked x in line whenever i click the image manually. – zyl1647 Dec 16 '13 at 03:42

Simulate a mouse-click in Javascript

3 Answers3

Linked