Click a button element on page load

javascript jquery html button ui-automation

63,104

Solution 1

I'd put it inside document.ready (so it doesn't fire until the DOM loads) and use jQuery syntax:

$(function() {
    $('#watchButton').click();
});

http://jsfiddle.net/isherwood/kVJVe/

Here's the same fiddle using jQuery syntax: http://jsfiddle.net/isherwood/kVJVe/4

That said, why not just name your function and call it directly?

Solution 2

It would be click() not click

document.getElementById("watchButton").click();

You would need to call it onload or after the function has run

63,104

Author by

user2883848

Updated on July 09, 2022

Comments

user2883848 almost 2 years

I'm trying to auto-click a button to initiate a function when the html page loads. I've tried document.getElementById('watchButton').click and it doesn't seem to work, the button is not clicked. Any suggestions?

<div class="content">
        <div class="action-area ch30">
            <button class="button dh" id="watchButton">Start Geolocation Watch</button>
            <button class="button dh" id="refreshButton" >Refresh Geolocation</button>
        </div>

The javascript:

    run:function() {
    var that = this;
    document.getElementById("watchButton").addEventListener("click", function() {
        that._handleWatch.apply(that, arguments);
    }, false); 
    document.getElementById("refreshButton").addEventListener("click", function() {
        that._handleRefresh.apply(that, arguments);
    }, false);
},

Thanks!

isherwood over 10 years

It's not trigger() that'll do it, but your document.ready wrapper.
user2883848 over 10 years

I added the following to my page <head> however it still doesn't click
user2883848 over 10 years

<script type="text/javascript"> $(document).ready(function() { $(function() { $('#watchButton').click(); }); }); </script>
user2883848 over 10 years

I tried this but it's still not initiating anything. Any suggestions?
user2883848 over 10 years

I also tried incorporating this at <body onload=document.getElementById("watchButton").click();> and had no success. Any more ideas?
isherwood over 10 years

It may have been run:. What's that for?
epascarello over 10 years

well you are missing quotes. What error do you have in the console?