[前端] 代码中执行绑定元素的指定事件trigger方法

前端之家收集整理的这篇文章主要介绍了[前端] 代码中执行绑定元素的指定事件trigger方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前面业务里有个搜索功能,入口比较深,现在想要把入口挪到有公共header的地方,在不想完全实现一遍功能的情况下,就需要模拟进行多个点击事件来执行点击后的效果

 

 

执行先点击1,再给inout赋值,再点击2

基本思路是类似jquery的trigger方法,原生js也是可以实现,代码如下

  1. <button id="btn-1">按钮1</button>
  2. ="btn-2">按钮2script>
  3. // 假如想通过点击 Button-1 触发 Button-2 的某个事件
  4. let btn_1 = document.getElementById('btn-1);
  5. let btn_2 btn-2);
  6. btn_1.onclick = function () {
  7. alert("按钮1);
  8. var myEvent new Event(click);
  9. btn_2.dispatchEvent(myEvent);
  10. }
  11. btn_2.onclick OK按钮2 do something
  12. }
  13. >
  14.  
  15.  
  16. script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></="btn-3">按钮3="btn-4">按钮4>
  17. jquery的trigger方法
  18. $( #btn-3 ).click(() {
  19. alert(按钮3);
  20. $( #btn-4 ).trigger( );
  21. });
  22. $( 按钮4);
  23. });
  24. >

 

猜你在找的HTML相关文章