JS单击事件

最新推荐文章于 2023-09-12 16:05:50 发布

万物皆可联……

最新推荐文章于 2023-09-12 16:05:50 发布

阅读量2.1k

点赞数

分类专栏： JS 文章标签： servlet javascript java

本文链接：https://blog.youkuaiyun.com/qq_35354139/article/details/126051562

版权

JS 专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了JavaScript中的自动点击事件，包括在不同浏览器环境下实现点击事件的方法。重点讲解了`document.all`属性，它是IE浏览器特有的，可以用于根据下标或ID获取元素。此外，文章还展示了如何使用`setInterval`实现定时触发点击事件，并给出了一段自动点击按钮的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//自动点击的方法 clickId 点击事件的id属性值字符串类型
function autoClick(clickId) {
// IE
if (document.all) {
document.getElementById(clickId).click();
}
// 其它浏览器
else {
var e = document.createEvent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById(clickId).dispatchEvent(e);
}
}
document.all是什么？
document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的数组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，如html对象等等。all[] 已经被 Document 接口的标准的 getElementByid() 方法和 getElementsByTagName() 方法以及 Document 对象的 getElementsByName() 方法所取代。尽管如此，这个 all[] 数组在已有的代码中仍然使用。

document.all的三个作用：
1、根据下标取元素：

语法： document.all[index];

index:要取的下标。

document.all(0)表示页面内第一个元素。

2、根据 name/id 取元素。

语法： document.all("name/id" , index)

第二个参数index,可选。index表示如果有多个相同的name/id，取name/id集合中的第几个。当然id不应该重复。通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素。

在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。

document.layers是Netscape 4.x专有的属性，是一个代表所有由储如<div><layer>等定位了的元素的数组。通常也是用<div>或<layer>对象的id属性来引用的，但是这里面不包含除此以外的其它元素。新的统一的标准用document.getElementById等系列方法来引用DOM对象，而且Netscape 6.0以后放弃了layers特征，虽然IE继续保留了document.all，但这最终没有成为DOM标准的一部分。

3、document.all可以判断浏览器是否是IE

if(document.all){ alert("is IE!"); }

2、使用定时器 setInterval() 方法实现按钮自动触发onclick事件
默认已点击，可以在加载网页的时候使用 onload 方法实现一次点击。

以下例子，实现网页打开时默认弹出弹窗，在关闭弹窗后，每2秒钟自动点击一次弹出弹窗，完整的代码如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>自动点击例子</title>
</head>
<body οnlοad="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="按钮" οnclick="alert('这是自动点击弹窗')" />
<style type="text/css">
input {
background: red;
color: #fff;
padding: 10px;
margin: 20px;
}
</style>
</body>
</html>

搜索

复制