Javascript 单击图像而不是单击按钮?

Javascript 单击图像而不是单击按钮?,javascript,html,image,button,Javascript,Html,Image,Button,我有一个由onclick执行的脚本,但是当我使用图像时它不工作,只有一个按钮工作。您可以在中看到示例。单击“左”按钮,然后单击“下”按钮,它们都可以工作。但由于某些原因,右箭头不起作用。请帮忙。谢谢 我有点困惑,为什么right在相同的情况下不起作用,而up在相同的情况下起作用,但似乎可以通过JavaScript绑定(无论如何都应该这么做)而不是使用onclick $("#right").on('click', right); 奇怪的是,我不明白为什么right()不起作用,但如果我将函数重命

我有一个由onclick执行的脚本,但是当我使用图像时它不工作,只有一个按钮工作。您可以在中看到示例。单击“左”按钮,然后单击“下”按钮,它们都可以工作。但由于某些原因,右箭头不起作用。请帮忙。谢谢

我有点困惑,为什么
right
在相同的情况下不起作用,而
up
在相同的情况下起作用,但似乎可以通过JavaScript绑定(无论如何都应该这么做)而不是使用
onclick

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

奇怪的是,我不明白为什么
right()
不起作用,但如果我将函数重命名为其他名称,它会起作用

演示:


right()
函数重命名为其他名称,希望这对现在有所帮助

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

在Chrome debugger中,我将id更改为“r”,并且按钮可以工作,尽管它很大,因为css不再匹配:)

正如其他人指出的,“向上”和“向下”按钮工作,这是因为它们的ID是“顶部”和“底部”

编辑:

这里有一个非常奇怪的问题:)

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

在这方面,我尝试:

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

并且它显示
true-false-false
,但对于其他箭头,它是
false-false-true
。保罗·霍内克(Paul Hoenecke)指出的解释指向了这个问题。

右键起作用,但它抛出了JS错误,
Uncaught TypeError:undefined不是一个函数
是的……我不知道如何修复它,我是一个中间javascript代码类型错误:Right不是一个函数[Break On This error]Right()奇怪,我不明白为什么
right()
不起作用,但如果我将函数重命名为其他名称,它会起作用。演示:@user2034878尝试将其包装到
$(文档).ready(函数(){