如何用javascript触发按钮的click事件

JavaScript019

如何用javascript触发按钮的click事件,第1张

<!--

1、

如果有表单name="form1",按钮name="name1",则可以用

form1.name1.click()来触发按钮name1的click事件。

2、

如果有按钮id="id1",则可以用document.getElementById("id1").click()来触发按钮id1的click事件。

下面有例子。

-->

<html>

<head>

<script type="text/javascript">

function handle()

{

form1.name1.onclick=function()

{

alert("你触发了按钮1的click事件!")

}

document.getElementById("id1").onclick=function()

{

alert("你触发了按钮2的click事件!")

}

}

function fire1()

{

form1.name1.click()

}

function fire2()

{

document.getElementById("id1").click()

}

</script>

</head>

<body onload="handle()">

<form name="form1">

<input type="button" name="name1" value="按钮1" />  

<input type="button" id="id1" value="按钮2" />

</form>

<a href="javascript:fire1()">单击触发按钮1的click事件</a>  

<a href="javascript:fire2()">单击触发按钮2的click事件</a>

</body>

</html>

接下来给你一套代码,希望对你会有用

<script type="text/javascript">

// 两秒后模拟点击

setTimeout(function() {

// IE

if(document.all) {

document.getElementById("clickMe").click()

}

// 其它浏览器

else {

var e = document.createEvent("MouseEvents")

e.initEvent("click", true, true)

document.getElementById("clickMe").dispatchEvent(e)

}

}, 2000)

</script>

<a href="http://www.sinmeng.net" id="clickMe" onclick="alert('clicked')">链接</a>

<input type="button" value="click" id="click-b"/>

<script type="text/javascript">

if(window.attachEvent)

{

document.getElementById("click-b").attachEvent('onclick', function (){alert('添加事件成功!')})

}

else

{

document.getElementById("click-b").addEventListener('click',function (){alert('添加事件成功!')},false)

}

</script>