Simulate button click with JavaScript

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, Oct 09 '15 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áš, Oct 09 '15 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, Oct 09 '15 at 16:34
@Anonymous0day Actually I don't know. I tried to call Vie.next(), but it did nothing — Marek Lukáš, Oct 09 '15 at 16:35
What you can try is to find the parent element and then select the first child -> the div. Can you post more of the HTML? — Dave Chen, Oct 09 '15 at 16:35
ah, I see... are there any other elements with the classes `linkable`, `fa` or `fa-arrow-right`? You could probably use `document.getElementsByClassName(...)[index_of_button]` — SaschaP, Oct 09 '15 at 16:36
maybe something like that : `document.querySelector('div.linkable.fa.fa-arrow-right[ng-click="View.next()"]'` — Anonymous0day, Oct 09 '15 at 16:41
@DaveChen the site is [BetterFap](http://betterfap.com/view/6517932). It's easier if you look at yourself. — Marek Lukáš, Oct 09 '15 at 16:41

AtheistP3ace · Accepted Answer · 2015-10-09T17:10:25.390

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 09 '15 at 17:10

answered Oct 09 '15 at 16:45

AtheistP3ace

9,611
12
43
43

[This](http://pastebin.com/iLSPcZfh) is my test script and it doesn't seem to work :-( – Marek Lukáš Oct 09 '15 at 16:53
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. – AtheistP3ace Oct 09 '15 at 17:00
Yep, you're right it works in console, will try to play with it :) – Marek Lukáš Oct 09 '15 at 17:01
@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. – Sebastian Simon Oct 09 '15 at 17:01
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); – AtheistP3ace Oct 09 '15 at 17:07
@MarekLukáš Should be obvious… `document.querySelector('div.linkable.fa.fa-arrow-right[ng-click='View.next() ']')` is a syntax error. – Sebastian Simon Oct 09 '15 at 17:08
@MarekLukáš I updated my answer with more. – AtheistP3ace Oct 09 '15 at 17:10
Finally! I made it to work by using setTimeout – Marek Lukáš Oct 09 '15 at 17:16
Great to hear. If you felt my answer was useful to you would mind accepting it as the answer? Thanks! – AtheistP3ace Oct 09 '15 at 17:18
@MarekLukáš Did you fix the syntax error? – Sebastian Simon Oct 09 '15 at 17:28
1

works for me! thanks – Carlos Carrizales May 09 '17 at 21:47
@CarlosCarrizales glad it helped!! =] – AtheistP3ace May 09 '17 at 21:56

Simulate button click with JavaScript

1 Answers1