javascript - 从另一个元素调用事件

Question

我有 button A 和

onclick = "alert(1);"

还有按钮B。

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

点击 B -> 事件 B -> 事件 A

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();
}