js进入页面后自动触发点击事件

最新推荐文章于 2025-10-31 21:02:03 发布

原创最新推荐文章于 2025-10-31 21:02:03 发布 · 5.5k 阅读

2 ·

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

标签

#javascript #前端 #html

这段代码展示了如何在页面加载后立即和定时3秒后模拟点击事件，兼容IE和其他浏览器。通过getElementById和事件创建及派发，确保元素的click事件能够被正确执行。


		// 进入页面立即触发
		(()=>{
			// 兼容IE
		    if(document.all) {
		        document.getElementById("绑定的id").click();
		    }
		    // 兼容其它浏览器
		    else {
		        var e = document.createEvent("MouseEvents");
		        e.initEvent("click", true, true);
		        document.getElementById("aid").dispatchEvent(e);
		    }
		})();


		// 定时器进行触发
		setTimeout(()=>{
			// 兼容IE
		    if(document.all) {
		        document.getElementById("绑定的id").click();
		    }
		    // 兼容其它浏览器
		    else {
		        var e = document.createEvent("MouseEvents");
		        e.initEvent("click", true, true);
		        document.getElementById("aid").dispatchEvent(e);
		    }
		},3000); // 3秒后执行

html页面要有一个元素，绑定点击事件click