Auto click a button

Question

I want using greasmonkey auto click a button after page load. this button has this properties:

<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>

This code works but when page is reloaded it does not work.

This button has This properties first time page is loaded:

<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>

And then second time page is reloaded has This properties:

<button style="outline: 1px solid blue;" id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>

Possible duplicate of [How to trigger click on page load?](https://stackoverflow.com/questions/2060019/how-to-trigger-click-on-page-load) — 31piy, Mar 23 '18 at 06:37
Why would you want event to call event to call function not to just call StartVisit(1) on DOM ready? — NoOorZ24, Mar 23 '18 at 06:41
@AyushGupta StartVisit(1) can call other functions - button clicking script just doesn't seem like the best solution — NoOorZ24, Mar 23 '18 at 06:45

score 1 · Answer 1 · answered Mar 23 '18 at 06:24

1

You can use following script.

$(document).ready(function(){
  $("#btnStartVisit").trigger("click");
});

It will trigger the click event of button on page load.

answered Mar 23 '18 at 06:24

SRK

3,418
1
8
23

Anant Kumar Singh · Accepted Answer · 2018-03-23T06:40:50.260

1

You can do through $(window).load(function(){..});

$(window).load(function(){
  $("#btnStartVisit").trigger("click");
});

Working snippet:-

$(window).load(function(){
  $("#btnStartVisit").trigger("click");
});

function StartVisit(id){
 alert(id);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>

Note:-

You can use $(document).ready(function(){$("#btnStartVisit").trigger("click");}); too

You can use <body onload ="StartVisit(1)"> too

edited Mar 23 '18 at 06:40

answered Mar 23 '18 at 06:25

Anant Kumar Singh

68,309
10
50
94

@AyushGupta OP says:- `auto click a button after page load.` – Anant Kumar Singh Mar 23 '18 at 06:28
1

@dheerajKumar glad to help you :):). Btw you can try other otipns as i suggested to check that they worked or not. Will help you in future. – Anant Kumar Singh Mar 23 '18 at 06:49

score 1 · Answer 3 · edited Mar 23 '18 at 06:40

This may help you. you can use onload() event as this

function StartVisit(x){
 console.log("click " +x);
}

<body onload="StartVisit(0)">
<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>
</body>

or using jQuery event

$(document).ready(function(){
    $("#btnStartVisit").trigger("click");
});

function StartVisit(x){
    console.log("click " +x);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit
    <i class="material-icons dp48 left">flash_on</i>
</button>

score 1 · Answer 4 · edited Mar 23 '18 at 08:45

You js function must execute when the DOM is fully loaded. ready() Specify a function to execute when the DOM is fully loaded.

$(document).ready(function(){
  $("#btnStartVisit").trigger("click");
});

function StartVisit(id){
  console.log(id);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btnStartVisit" onclick="StartVisit(1)" class="btn waves-effect waves-light green">start visit<i class="material-icons dp48 left">flash_on</i></button>

Auto click a button

4 Answers4