Question

我有button A

onclick = "alert(1);"

button B。

怎么做，当我点击button B时，它应该在button A上调用事件？

点击B - ＆gt; eventB - ＆gt; eventA

Answer 1

HTML：

<button id="buttonA"> Button A </button>
<button id="buttonB"> Button B </button>

JavaScript：

var a = g('buttonA'),
    b = g('buttonB');

function g(s) { return document.getElementById(s); }

a.onclick = function() {
    alert('Button A clicked!');
};

b.onclick = function() {
    alert('Button B clicked!');
    a.click();
}

现场演示： http://jsfiddle.net/TaPWr/1/

更新：

如果按钮B位于IFRAME内，则使用top对象引用“父”页面的窗口对象。 IFRAME代码就像这样：

var b = document.getElementById('buttonB');

b.onclick = function() {
    alert('Button B clicked!');
    top.document.getElementById('buttonA').click();
}

Answer 2

onclick="document.getElementById('buttonAId').click();"

把它放在按钮B上

更新：如果按钮A的格式为iframe，其中按钮A为：

onclick="parent.document.getElementById('buttonAId').click();"

假设两个帧都来自同一个域

从另一个元素调用事件

2 个答案: