2015-10-17 17 views
1

所以,我有一些圖片,我可以點擊它們並觸發比較功能。我的程序中也定義了一些變量。需要知道如何選擇一個變量,基於哪個按鈕我點擊(Javascript)

我需要知道如何才能做出一個事件偵聽器,該事件偵聽器將知道我點擊了哪個圖像並選擇適當的變量用於比較。我使用JavaScript作爲語言。想知道是否有人有一些建議或知道如何做這樣的事情。

某些代碼:

// the image button 
<div> <button onclick="Tri_Peak_Game();"> 
<img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback" 
style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> 
</button> </div> 

// Then I would have a variable like this 
var foo; 
+4

該代碼看起來不可思議,你有更多? – ergonaut

+1

你的代碼在哪裏? – soorapadman

+0

我確實有寫過的功能,可以進行我需要的比較。我遇到的問題是我不知道如何讓程序知道我點擊了哪個特定圖像。因此,我可以使用這些知識來選擇哪個變量對應於該圖像,並告訴卡片是否可以播放。 – user5447193

回答

1

你可以一個參數傳遞到你正在呼籲onclick功能。

<button onclick="Tri_Peak_Game('card_1');"> 
    <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback" 
    style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> 
</button> 
<button onclick="Tri_Peak_Game('card_2');"> 
    <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback" 
    style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> 
</button> 

或者你可以只是簡單地通過this。這樣你就可以訪問你點擊過的元素。

<button onclick="Tri_Peak_Game(this);"> 
    <img class="card" id="leftRow4E1" src="cardback.jpg" alt="cardback" 
    style="width: 100px; height: 150px; top: 200px; left: 150px; position: absolute;" /> 
</button> 
相關問題