更改html主体颜色的onresize事件侦听器
更改html主体颜色的onresize事件侦听器
提问于 2015-09-19 16:40:26
我必须使用事件侦听器将身体更改为窗口大小调整上的随机颜色。我现在拥有的东西不会改变颜色。我没有收到控制台错误，所以我不确定问题是什么。我得到了生成随机颜色的函数。
<body id="body11">
<div>
<p>requirement 11</p>
</div>
</body>Javascript
<head>
<script>
document.addEventListener("DOMContentLoaded", function() {
window.addEventListener("onresize", bodyColor)
function bodyColor(){
document.getElementById("body11").style.backgroundColor =
'#'+Math.floor(Math.random()*16777215).toString(16);
}
});
</script>
</head>我以为我的密码是在说..。
将事件侦听器添加到文档中，在DOMContentLoaded上调用该函数将事件侦听器添加到窗口，这样在调整大小时，它将调用该函数将主体的背景色更改为随机颜色。
我还试图将脚本放在主体的底部，并删除DOMContentLoaded方面，但结果是相同的。
我没有控制台错误，我必须使用事件侦听器，因为这是一个家庭作业的目标。
我哪里出错了？
回答 3
Stack Overflow用户
回答已采纳
发布于 2015-09-19 16:52:25
您应该侦听一个名为“调整大小”的事件，而不是"onresize“。
您没有得到任何控制台输出的原因是事件本身没有被触发。
这-
window.addEventListener("resize", function(e){
// your body color change code
});应起作用
Stack Overflow用户
发布于 2015-09-19 19:53:06
我很确定我在你们班！通过删除代码的第一部分，我为我做了一些更简单的事情：
函数colorMe() {
window.addEventListener("resize", function(){
document.getElementById("body11").style.backgroundColor =
'#'+Math.floor(Math.random()*16777215).toString(16);
});
}希望这能帮上忙！
Stack Overflow用户
发布于 2015-09-19 20:30:27
我似乎也在你的班上。我做了以下更简单的代码，但只有当脚本位于HTML文档而不是外部js文件中时，它才能工作：
<script>window.addEventListener("resize", function(){
document.getElementById("body11").style.backgroundColor =
'#'+Math.floor(Math.random()*16777215).toString(16);})；
作为对这里的同学们的旁注，你是如何在req #1中编写代码的--我的代码在几个浏览器中工作，但在Firefox中是完全没有显示的！
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32670677
复制相关文章
相似问题
腾讯云开发者
