javascript - 点击图像而不是点击按钮？

Question

我有一个通过 onclick 执行的脚本，但是当我使用图像时它不起作用，只有一个按钮起作用。您可以在http://thomaswd.com/maze查看示例。单击“左”按钮，然后单击向下按钮，它们都可以工作。但出于某种原因，右箭头不起作用。请帮忙。谢谢！

Answer 1

奇怪，我不明白为什么right()不工作，但如果我将函数重命名为不同的名称就可以工作。

演示：http: //jsfiddle.net/5b3Ez/

将函数重命名right()为不同的名称，希望对现在有所帮助。

Answer 2

将 id 从“正确”更改为其他内容。我不完全确定为什么会失败，但显然在 html 中，因为 'right' 是 id，它隐藏了right()函数。

在 Chrome 调试器中，我将 id 更改为 'r' 并且按钮可以工作，尽管它很大，因为 css 不再匹配:)

正如其他人所指出的，“向上”和“向下”按钮起作用，这是因为它们的 ID 是“顶部”和“底部”。

编辑：

这是一个解释，非常奇怪的问题:)

Answer 3

我有点困惑，为什么在相同情况下right不工作up，但似乎你可以通过 JavaScript 绑定（无论如何你应该这样做）而不是使用onclick.

$("#right").on('click', right);

Answer 4

而不是right()，只需使用window.right().

在这种情况下，我尝试了：

console.log(this.right===right, this.right===window.right, right===window.right);

它显示true false false，但在其他箭头的情况下，它是false false true。Paul Hoenecke 指出的解释指向了这个问题。