js 通过调用函数来模拟页面上的鼠标点击动作

原创于 2020-05-14 18:08:02 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

95 篇文章

订阅专栏

本文介绍了一种使用JavaScript函数模拟网页元素点击事件的方法。通过`clickObj`函数，可以触发指定ID的页面元素的点击行为，实现如按钮点击等交互效果。此技巧适用于需要自动化操作或触发特定事件的场景。

// 通过调用函数来模拟页面上的鼠标点击动作
function clickObj( id ) {
	var o = document.getElementById( id );  // 获得页面中的a对象

	if ( document.all && typeof( document.all ) == "object" ) {    // IE 		
		o.fireEvent("onclick");
	} else {
		var e = document.createEvent('MouseEvent');
		e.initEvent('click', false, false);
		o.dispatchEvent(e);
	}
}

点击一个按钮，触发另一个按钮的点击事件：