2011-05-08 34 views
2

我試圖綁定網頁上的兩個元素,以便當我點擊一個時,它也觸發另一個點擊。例如,我在表格和餅圖中都顯示了數據,並且點擊圖表與直接點擊表格中的數據具有相同的效果。JavaScript遠程點擊

[編輯]我需要它作爲一個通用工具,因爲我不一定知道原始元素會觸發什麼動作。

我該如何在普通的JavaScript中實現跨瀏覽器?

什麼我找有一些相似之處與jQuery的點擊()方法,不同之處在於: - 我不使用jQuery - 我不需要編程觸發點擊,用戶將做

它與JavaScript click()類似,但click()不能跨瀏覽器。

+0

在1個按鈕上調用兩個功能? – 2011-05-08 02:43:29

+0

不,相反:讓第二個「按鈕」調用與第一個「按鈕」相同的功能。但是當我編寫我的代碼(插件)時,我不知道第一個按鈕會觸發的功能。 – Christophe 2011-05-08 02:47:13

回答

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

此外,在這種提琴:你想http://jsfiddle.net/RVAMm/26/

+0

我不一定知道或控制commonFunction。我試圖澄清我的問題。例如,圖表可以使用漸進式增強來構建。 – Christophe 2011-05-08 02:42:39

+0

@Christophe所以你基本上有元素1去了一些外部點擊事件(誰知道是什麼),並且當點擊元素2時你想要點擊它? – 2011-05-08 02:46:18

+0

是的!理想情況下,「this」應該引用原始元素(就像用戶直接點擊了表格一樣)。 – Christophe 2011-05-08 02:50:49

0

爲什麼不使用:

theElementYouWantToClick.onClick() 
+0

好的,但onClick ...下一步是什麼? – Christophe 2011-05-08 02:37:48