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>
4 answers
solution1
1 2018-03-23 06:24:55
You can use following script.
$(document).ready(function(){
$("#btnStartVisit").trigger("click");
});
It will trigger the click event of button on page load.
solution2
1 ACCPTED 2018-03-23 06:25:43
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
solution3
1 2018-03-23 06:26:12
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>
solution4
1 2018-03-23 06:29:32
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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.