通过单击另一个按钮来委派按钮单击事件

Question

我想通过点击另一个按钮来触发HTML按钮点击事件，有人能帮我写代码吗？我正在使用jQuery库。。

Answer 1

你的意思是这样的吗？

$('#button1').click(function() {
    $('#button2').click();
});

如果在不传递参数的情况下调用click，它将触发该元素上的click事件。

文档很有帮助。

关于您的评论的更新：

你有这个问题吗？我的小测试表明，代码是按顺序执行的，也就是说，触发点击后的代码是在点击处理程序之后执行的。但也许我的处理程序不够复杂。。。

如果您确实遇到了问题，您可以将在#button2单击处理程序中执行的所有代码放在其自己的函数中，并在#button1单击处理程序调用此代码：

function lotsOfWork() {
}
$('#button2').click(lotsOfWork);
$('#button1').click(function() {
    lotsOfWork();
    // more stuff here
});

如果lotsOfWork正在执行一些异步调用，则还必须让函数接受一个回调，该回调将在它完成工作后执行。

Answer 2

试试这样的东西：

<input type="button" id="btn1" value="click A">
<input type="button" id="btn2" value="click B">
<script>
$(function(){
    $('#btn1').click(function(){
        $('#btn2').trigger('click');
    })
})
</script>

要激发其他对象的事件，只需调用.trick方法，传递假装激发的事件名称。

Answer 3

$('#buttonone').click(function(){
  $('#buttontwo').trigger('click')
})

点击按钮一将触发点击按钮二

Answer 4

$(函数(({$("#id_btn"(.click(function(({调用您的函数获取第二个按钮})；})；或$('#id_btn'(.bind('click'，function(({$('#id_btn'(.trigger('click'(；})；