JQuery / JavaScript - 触发一个按钮点击事件来自另一个按钮的点击事件

54

我有这个HTML代码,长这样:

<input type="submit" name="savebutton" class="first button" />
<input type="submit" name="savebutton" class="second button" />

还有 JavaScript:

jQuery("input.second").click(function(){
   // trigger second button ?
   return false;
});

我如何通过点击第一个按钮来触发第二个按钮的点击事件?请注意,我对第二个按钮没有任何控制权,无论是在html上还是在其点击事件上...


你说你无法控制第二个按钮,为什么?它是在一个基于不同域的 iframe 中吗? - Majid Fouladpour
不,这是WordPress核心的一部分,我不想修改它的代码。 - Alex
8个回答

115

在两个输入框中分别添加 id 属性,id="first" 和 id="second"

//触发第二个按钮
$("#second").click()

我网页上有一个元素没有点击事件,但是当我点击它时会发生某些事情。如果我想模拟这个点击事件,而不知道它是鼠标弹起、单击或类似的事件,应该怎么做? - Black

30

好的,你只需要触发所需的点击事件:

$(".first").click(function(){
    $(".second").click(); 
    return false;
});

21
jQuery("input.first").click(function(){
   jQuery("input.second").trigger("click");
   return false;
});

9
你的意思是这样的:
jQuery("input.first").click(function(){
   jQuery("input.second").trigger('click');
   return false;
});

3
通过使用JavaScript: document.getElementById("myBtn").click();,可以实现点击按钮的效果。

2
如果使用建议中的click()方法无法正常工作,则可以尝试以下方法:
//trigger second button
$("#second").mousedown();
$("#second").mouseup();

1
这很好用,但文件名不再显示了。
$(document).ready(function(){ $("img.attach2").click(function(){ $("input.attach1").click(); return false; }); });

0
使用 JavaScript

document.getElementById("myBtn").click();


欢迎来到Stack Overflow!感谢您的回答。请提供更多关于您解决方案的细节。代码片段、高质量的描述或任何相关信息都会很好。对于每个人来说,清晰简洁的答案更有帮助,也更容易理解。请通过编辑您的回答,提供具体细节以提高回答的质量。更多信息请参考:如何:撰写好的答案。祝您编码愉快! - undefined

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接