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

最新推荐文章于 2023-12-26 16:47:46 发布

yumiry

最新推荐文章于 2023-12-26 16:47:46 发布

阅读量4k

点赞数

文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/yumiry/article/details/130245525

版权

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

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


		// 进入页面立即触发
		(()=>{
			// 兼容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