点击页面加载时的按钮元素 [英] Click a button element on page load

问题描述

我试图在html页面加载时自动点击一个按钮来启动一个函数。我已经尝试了 document.getElementById（'watchButton'）。单击，它似乎不起作用，按钮没有被点击。有什么建议么？

 < div class =content> 
< div class =action-area ch30> 
< button class =button dhid =watchButton>启动地理位置观察< /按钮> 
< button class =button dhid =refreshButton>刷新地理位置< / button> 
< / div> 
  

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）; 
}，
  

谢谢！

  $（function（）{
 $（'＃watchButton'）。click（）; 
}）; 
  

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

以下是使用jQuery语法的小提琴： http://jsfiddle.net/isherwood/kVJVe/4

那说，为什么不直接命名你的函数并直接调用它呢？

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!

解决方案

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?

这篇关于点击页面加载时的按钮元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！