前面业务里有个搜索功能,入口比较深,现在想要把入口挪到有公共header的地方,在不想完全实现一遍功能的情况下,就需要模拟进行多个点击事件来执行点击后的效果
执行先点击1,再给inout赋值,再点击2
基本思路是类似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); }); >
原文链接:https://www.f2er.com/html/996892.html