Javascript 尝试使用.on（单击）使鼠标控件在JQuery中工作

我正在尝试为我的游戏添加导航鼠标控件。我在屏幕上创建了一些按钮，如下所示：

<input type="image" id= "buttonUp" src="UpButton.jpg" alt="Up" style="position:absolute; left: 200px; top: 550px;">
<input type="image" id= "buttonDown" src="DownButton.jpg" alt="Down" style="position:absolute; left: 200px; top: 650px;">
<input type="image" id= "buttonLeft" src="LeftButton.jpg" alt="Left" style="position:absolute; left: 100px; top: 650px;">
<input type="image" id= "buttonRight" src="RightButton.jpg" alt="Right" style="position:absolute; left: 300px; top: 650px;">

---

但单击时它什么也不做。如何解决这个问题？

为了将值分配给变量，您必须使用一个等于符号，而不是两个，就像您在用于比较值的代码中所做的那样。将所有==更改为仅=

---

此外，您正在使用类选择器。但是您应该使用id选择器

假设您的方向逻辑已经编码，您必须将==更改为=.==这是为了比较。使用=使值与方向相等

---

此外，您在HTML代码中使用ID，但在脚本中以类选择器为目标。

现在，您正在以各种方式复制代码。您正在使用一个类选择器按id获取一个元素。您正在使用一个相等比较来尝试设置值。相反，我有一个函数连接到所有控件，并使用控件的alt值来设置方向。见下文

var方向； $'。控制btn'。单击，函数 { 方向=$this.attralt.toLowerCase； 控制台。日志方向； };

---

首先，当元素有ID时，使用类选择器。换衣服。到然后需要使用=来设置变量用于检查是否相等。然而，即使只是设置了一个变量，您希望它做什么？您的代码似乎没有执行任何其他操作。您是按类分配事件，但输入元素没有。您应该按ID进行操作，如$'buttonUp'。并使用比较来设置值。永远不会成功。使用=而不是==@JonRogerson，阅读评论和答案。我们已经告诉你出了什么问题。哦，我让它工作了，这是使用的组合。感谢您的帮助，而不是使用和使用2=符号。我现在要试着让它在touchstart的触摸控制中工作，在我进入它之前有什么建议吗？

$('.buttonUp').on('click', function () {
  direction == "up";
});
$('.buttonDown').on('click', function () {
  direction == "down";
});     
$('.buttonLeft').on('click', function () {
  direction == "left";
});     
$('.buttonRight').on('click', function () {
  direction == "right";
});