Body OnClick 不起作用...但是当附加到 <a> 标签时 onclick 起作用？

【问题标题】：Body OnClick doesn't work... but the onclick works when attached to a <a> tag?Body OnClick 不起作用...但是当附加到 <a> 标签时 onclick 起作用？
【发布时间】：2012-02-05 20:37:49
【问题描述】：

我有以下 Onclick 事件

onClick="document.body.style.background = 'url(galleries/g2.jpg)'"

当我把它附加到

<a onClick="document.body.style.background = 'url(galleries/g2.jpg)'"> blah</a>

一切正常。但我希望它作为一个正文 onclick 事件如下

<body class="g" onClick="document.body.style.background = 'url(galleries/g2.jpg)'">

我没有骰子。

唯一需要注意的是“g”类已经指定了背景图片，但我认为这无关紧要。

【问题讨论】：

也许可以试试onclick="document.body.style.backgroundImage='url(galleries/g2.jpg)';return false;" ?
onclick="this.style.backgroundImage='url("galleries/g2.jpg")';"怎么样

标签： javascript html javascript-events

【解决方案1】：

像这样使用this.

<body onClick="this.style.background = 'url(http://placehold.it/20x50)';">

上面代码的JSFiddle jsfiddle.net/mrRRG/2/。但请不要使用这种类型的代码构造。最好是制作几个 CSS 类并使用 javascript 在事件触发时更改它们

【讨论】：

不起作用。别的东西可能让我搞砸了。我想我只是要使用带有 bg 图像的 div 而不是身体。出于某种原因，我认为是身体 onclick 给了我一个奇怪的反应。
不，body onclick 似乎在您给我的链接中不起作用...文本有效...也许这是 chrome 问题？
@rootsup 哦抱歉弄错了小提琴：/ 等一下。右边：jsfiddle.net/mrRRG/2
可以在小提琴上使用，但即使是直接 C/P 也无法在我的网站上使用。我认为这是因为我已经为这个身高分配了身体等级：100%；宽度：100%；背景：url('galleries/george.jpg')center center 固定不重复； -moz-background-size：封面；背景尺寸：封面； }
@rootsup 检查开发者工具控制台或资源是否存在您网站上的任何错误（尤其是 george.jpg 上的 404）