JS动态触发按钮事件

最新推荐文章于 2024-09-27 22:09:01 发布

原创最新推荐文章于 2024-09-27 22:09:01 发布 · 3.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JS 函数积累

当前文章被收录于：

JS 函数积累

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

这篇博客介绍了如何使用JavaScript动态触发按钮点击事件。通过设置定时器模拟延时点击，并利用`document.createEvent`和`dispatchEvent`或`document.all`对象在不同浏览器环境下实现按钮的点击效果。

<html>
<script type="text/javascript">
var i=0;
function count()
{
i++;
document.getElementById("count").innerHTML=i;
}
for (a = 0; a < 1999999; a++) {
// 1秒后模拟点击
setTimeout(function() {
// IE
if(document.all) {
document.getElementById("aaa").click();
}
// 其它浏览器
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("aaa").dispatchEvent(e);
}
}, 1000);
}
</script>
<body>
<span style="color:#FF0000;font-size:200px" id="count"></span><br><br><br>
<input onclick="count()" id="aaa" type="button" value="count"/>
</body>
<html>