原生js实现鼠标点击效果（不是真实鼠标点击，用js模拟鼠标点击，类似jquery trigger效果）

最新推荐文章于 2025-03-10 14:30:56 发布

中国星2014

最新推荐文章于 2025-03-10 14:30:56 发布

阅读量4.4k

点赞数

分类专栏： js 文章标签： js

本文链接：https://blog.youkuaiyun.com/qq_28020627/article/details/79113317

版权

js 专栏收录该内容

7 篇文章

订阅专栏

本文通过原生JavaScript实现模拟鼠标点击效果，类似于jQuery的trigger功能。代码示例中，当点击id为'resource'的按钮时，会触发id为'target'的按钮的点击事件，从而在控制台打印出"我被点击了"。

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

<!DOCTYPE html>
<html>
<head>
<title>这是一个测试文件</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,
user-scalable=no">
</head>
<body>

<button id="target"></button>
<button id="resource">测试原生js触发事件</button>

<script type="text/javascript">

function trigger(node, event){

if(document.all) {
node.click();
}else {
var e = document.createEvent("MouseEvents");
e.initEvent(event, true, true);　　　　　　　　　　　　　　
node.dispatchEvent(e);　　　
}
}

document.getElementById("resource").addEventListener("click", function(e){

trigger(document.getElementById("target"), "click");

},false);

document.getElementById("target").addEventListener("click", function(e){

console.log("我被点击了")

},false);

</script>

</body>

</html>