如何让一个按钮自动触发,自动执行onclick鼠标单击事件. 默认已点击.
按钮自动触发onclick事件，可以使用定时器setInterval()方法实现。默认已点击，可以在加载网页的时候使用onload方法实现一次点击。
以下例子，实现网页打开时默认弹出弹窗，在关闭弹窗后，每2秒钟自动点击一次弹出弹窗，完整的代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>自动点击例子</title>
</head>
<body onload="alert('这是默认点击弹窗')">
<script type="text/javascript">
setInterval(function() {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("buttonid").dispatchEvent(e);
}
}, 2000);
</script>
<input id="buttonid" type="button" value="按钮" onclick="alert('这是自动点击弹窗')" />
<style type="text/css">
input{background:red;color:#fff;padding:10px;margin:20px;}
</style>
</body>
</html>
运行代码后，效果如下：
一、打开网页，默认点击，如下图
二、每隔2秒钟，自动点击一次，如下图：
扩展资料：
定时器setInterval()方法实现不间断点击，使用settimeout()方法可以实现一次点击后停止自动点击
完整代码如下：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>自动点击例子</title>
</head>
<body onload="alert('这是默认点击弹窗')">
<script type="text/javascript">
settimeout(function() {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("buttonid").dispatchEvent(e);
}
}, 2000);
</script>
<input id="buttonid" type="button" value="按钮" onclick="alert('这是自动点击弹窗')" />
<style type="text/css">
input{background:red;color:#fff;padding:10px;margin:20px;}
</style>
</body>
</html>
