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

前面业务里有个搜索功能,入口比较深,现在想要把入口挪到有公共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);
});
>