JavaScript 远程点击

Question

我试图在网页上绑定(bind)两个元素，这样当我点击一个元素时，它也会触发对另一个元素的点击。例如，我在表格和饼图中都显示了数据，点击图表应该与直接点击表格中的数据具有相同的效果。

[编辑] 我需要它作为通用实用程序，因为我不一定知道原始元素将触发什么操作。

如何在纯 JavaScript 中跨浏览器实现这一点？

我正在寻找的东西与 jQuery click() 方法有一些相似之处，除了:

• 我没有使用 jQuery
• 我不需要以编程方式触发点击，用户会这样做

它也类似于 JavaScript click()，但是 click() 不能跨浏览器工作。

Answer 1

更新代码。应该这样做。单击第二个元素时，调用第一个元素的单击事件并将第一个按钮作为 this

传递

<div onclick="alert(this.getAttribute('id'));" id="b1" >Hi!!</div>
<div  id="b2" >Hi!! 2</div>

使用这段代码:

document.getElementById("b2").onclick = function() { 
 document.getElementById("b1").onclick.call(document.getElementById("b1"));
};

也在这个 fiddle 中:http://jsfiddle.net/RVAMm/26/