页面加载时点击按钮元素

Question

页面加载时点击按钮元素

5

我想在html页面加载时自动点击一个按钮以启动一个函数。我尝试了document.getElementById('watchButton').click，但它似乎不起作用，按钮没有被点击。有什么建议吗？

<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>

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);
},

谢谢！

- user2883848

5个回答

6

应该使用click()而不是click

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

您需要在函数运行后或 onload 时调用它。

- epascarello

我也尝试将其合并到<body onload=document.getElementById("watchButton").click();>中，但没有成功。还有更多的想法吗？ - user2883848

你缺少引号。控制台显示了什么错误？ - epascarello

1

window.onload = function () {
document.getElementById("watchButton").click(); };

试试这个 ^^

- Mark Kurti

你的回答可以通过提供更多支持信息来改进。请编辑以添加进一步的细节，例如引用或文档，以便他人可以确认你的答案是正确的。您可以在帮助中心中找到有关如何编写良好答案的更多信息。 - Community

0

document.getElementById("studyOne").click();
$("#studyOne").trigger('click');

将此代码放入onload函数中。这对我有效。

- Balu Matta

0

尝试触发器。

<script>
$(document).ready(function() {
   $("#watchButton").trigger('click');
});
</script>

- Osama Jetawe

不是trigger()会做到这一点，而是你的document.ready包装器。 - isherwood

我尝试了这个，但仍然没有启动任何东西。有什么建议吗？ - user2883848

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- isherwood · Accepted Answer

我会将它放在document.ready中（这样直到DOM加载完才会触发），并使用jQuery语法：

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

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

以下是使用 jQuery 语法的相同 fiddle：http://jsfiddle.net/isherwood/kVJVe/4

话虽如此，为什么不直接命名您的函数并直接调用它呢？