前端之家收集整理的这篇文章主要介绍了
[前端] 代码中执行绑定元素的指定事件trigger方法，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
@H_
502_0@前面业务里有个
搜索功能,入口比较深,现在想要把入口挪到有公共header的地方,在不想完全实现一遍
功能的情况下,就需要模拟进行多个点击事件来执行点击后的
效果
@H_
502_0@
@H_
502_0@
@H_
502_0@
@H_
502_0@执行先点击1,再给inout赋值,再点击2
@H_
502_0@基本思路是类似jquery的trigger
方法,原生js也是可以实现,
代码如下
<button id="btn-1">按钮1</button>
="btn-2">按钮2script>
// 假如想通过点击 Button-1 触发 Button-2 的某个事件
let btn_1 = document.getElementById('btn-1);
let btn_2 btn-2);
btn_1.onclick = function () {
alert("按钮1);
var myEvent new Event(click);
btn_2.dispatchEvent(myEvent);
}
btn_2.onclick OK按钮2 do something
}
>
script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></="btn-3">按钮3="btn-4">按钮4>
jquery的trigger方法
$( #btn-3 ).click(() {
alert(按钮3);
$( #btn-4 ).trigger( );
});
$( 按钮4);
});
>
@H_
502_0@
