javascript按钮不会自动触发click事件

时间:2013-10-20 03:59:18

标签: javascript jquery html button

我正在玩一些新的javascript函数,试图自动点击网页上的按钮。

但是,按钮的单击事件不会自动触发。我用Google搜索了一些代码,看起来是正确的。

我正在使用IE浏览器10

<html>
<head>
<script type = "text/javascript">
function haha1()
{
    alert('haha1');
}
</script>

<script>
    document.getElementById('haha').click();
</script>
</head>
<body>
    <input type = "button" id = "haha" onClick = "haha1()" value = "lol"/>
</body>
</html>

3 个答案:

答案 0 :(得分:2)

您需要在页面加载后执行此操作。基本上,您的脚本在创建haha之前执行,因此它不会显示您的警报。

<script type = "text/javascript">
function haha1()
{
    alert('haha1');
}

function fire_haha() {
    document.getElementById('haha').click();
}
</script>
</head>
<body onLoad="fire_haha()">

答案 1 :(得分:2)

在触发事件之前,你必须等待DOM完全加载,并根据不引人注目的javascript。你不应该将JavaScript嵌入到html中。

<html>
<head>
<script type = "text/javascript">
function haha1()
{
    alert('haha1');
}
</script>

<script>
  window.onload = function(){
    document.getElementById('haha').onclick = function(){
       haha1();
    };
   document.getElementById('haha').click();
  }

</script>
</head>
<body>
    <input type = "button" id = "haha"  value = "lol"/>
</body>
</html>

答案 2 :(得分:1)

尝试使用jQuery

 function fire_haha() { 
          $('#haha').trigger('click'); 
}