Question

所以，我有一些我可以点击的图像，它们会触发比较功能。我的程序中也定义了一些变量。

我需要知道如何创建一个事件监听器，它将知道我点击了哪个图像并选择适当的变量用于比较。我使用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;

Answer 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>

根据我点击的按钮（Javascript）

1 个答案: