Simulate button click with JavaScript [duplicate]

Question

I wanted to create a simple auto-skip with Greasemonkey, but I found that no solution found on Stack Overflow actually works for me.

I need to click this button:

<div tip="next" title="Next" class="linkable fa fa-arrow-right" ng-click="View.next()"></div>

It doesn't have any id nor name and is hidden deep inside many divs. I could bypass the click wiht simulating enter or right arrow press, but that also didn't work for me.

when you click the button an event is triggered and a function is called ? just call directly the function don't spend your time. — Anonymous0day
– Anonymous0day, Commented Oct 9, 2015 at 16:32
@SaschaP Don't know. It's not my site that's why I wanted to create a script with GreaseMoneky :-) — Marek Lukáš
– Marek Lukáš, Commented Oct 9, 2015 at 16:34
@SaschaP It's not his code, and elements don't need to have an id, class or name. at: Anon The function might be scoped, so greasemonkey might not be able to run that function. — Dave Chen
– Dave Chen, Commented Oct 9, 2015 at 16:34

AtheistP3ace · Accepted Answer · 2015-10-09 17:10:25Z

2

Try this:

document.querySelector('div[tip="next"]').click()

From what I saw these GreaseMonkey scripts run on page load. Using this I was able to simulate the click.

// ==UserScript==
// @name        test
// @namespace   blargtest
// @include     https://addons.mozilla.org/en-US/firefox/addon/greasemonkey/
// @version     1
// @grant       none
// ==/UserScript==
setTimeout(
    function () {
        document.querySelector('div[tip="next"]').click();
    }, 1000
);

You could make that a setInterval and have it click next every second.

edited Oct 9, 2015 at 17:10

answered Oct 9, 2015 at 16:45

AtheistP3ace

9,74112 gold badges45 silver badges43 bronze badges

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

11 Comments

Marek Lukáš Over a year ago

This is my test script and it doesn't seem to work :-(

AtheistP3ace Over a year ago

I am not familiar with GreaseMonkey scripting but if you run the line of code I put above in the browser console it works. Let me take a look at grease monkey and see if I can figure it out.

Marek Lukáš Over a year ago

Yep, you're right it works in console, will try to play with it :)

Sebastian Simon Over a year ago

@MarekLukáš Have you made sure that the DOM is loaded and the div exists before clicking it? Try surrounding that line with a try-catch block and use console.log to debug that line.

AtheistP3ace Over a year ago

It seems these scripts run on the load of page. When I did this it seemed to work. setTimeout(function () { document.querySelector('div[tip="next"]').click(); }, 1000);

|

Collectives™ on Stack Overflow

Simulate button click with JavaScript [duplicate]

1 Answer 1

11 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

11 Comments

Linked

Related