如何自动单击输入按钮

时间:2014-01-11 23:27:08

标签: javascript html

我只需要加载页面的人自动点击或“激活”ID为“clickButton”的按钮:

<html>
<head>
</head>
<body>
<center>
<form method="post"  action="http://web.com/">
<input type='hidden' value="test" id="chatbox" name='content' />

<!-- The Button -->
<input id="submitButton" class="button" name="accept" type="submit" value="Send"/>

</form>
</center>
</body>
</html>

我尝试过:

<html>
<head>
<script type="text/javascript">

//In here I would use several Javascript codes, 
//including all the ones I have been given 
//here

</script>


</head>
<body>
<center>
<form method="post"  action="http://web.com/">
<input type='hidden' value="test" id="chatbox" name='content' />

<!-- The Button -->
<input id="submitButton" class="button" name="accept" type="submit" value="Send"/>

</form>
</center>
</body>
</html>

此外,如果我想要一个javascript代码重复自己,我会使用什么命令?

提前感谢您的帮助。

4 个答案:

答案 0 :(得分:10)

我看到你真正希望自动提交表单。这样就可以了:

window.onload = function(){
    var button = document.getElementById('clickButton');
    button.form.submit();
}

修改 如果你想要的是真的自动提交表格n次,每秒,你会做:

window.onload = function(){
  var button = document.getElementById('clickButton'),
    form = button.form;

  form.addEventListener('submit', function(){
    return false;
  })

  var times = 100;   //Here put the number of times you want to auto submit
  (function submit(){
    if(times == 0) return;
    form.submit();
    times--;
    setTimeout(submit, 1000);   //Each second
  })(); 
}

干杯

答案 1 :(得分:8)

window.onload = function(){
  document.getElementById('clickButton').click();
}

我试着养成解释我的代码的习惯,但我认为这是非常不言自明的。如果你想重复它,只需调用设置为clickButton的点击监听器的函数。除非你的意思是反复使用,在这种情况下使用setInterval或setTimeout(不太推荐)。

答案 2 :(得分:2)

我认为点击而不是用户触发不是那么好的练习,你可以实现相同而不需要触发点击,但你可以试试这个

window.onload = function(){
    var button = document.getElementById('clickButton');
    setInterval(function(){
        button.click();
    },1000);  // this will make it click again every 1000 miliseconds
};

答案 3 :(得分:0)

作为替代方案,您可以直接发送表单而不是单击按钮:

window.onload = function(){
    document.forms[0].submit();
}

但我最好的建议是让用户知道你在做什么......当一个向导正在玩他们的页面时,用户真的不喜欢它。

<label for="accept">Click here to continue</label>