Javascript 立即改变背景颜色

Javascript 立即改变背景颜色,javascript,refresh,background-color,Javascript,Refresh,Background Color,我正在尝试制作一些JavaScript,根据标记为“color”的文本框中的十六进制代码立即更改站点的背景颜色。当我按下“提交”按钮时,它会工作,但我希望它在不需要提交的情况下自行更改 提前谢谢 $(function(){ setInterval(changeBackground, 1); }); function changeBackground() { // The working function for changing background color. documen

我正在尝试制作一些JavaScript,根据标记为“color”的文本框中的十六进制代码立即更改站点的背景颜色。当我按下“提交”按钮时,它会工作,但我希望它在不需要提交的情况下自行更改

提前谢谢

$(function(){
  setInterval(changeBackground, 1);
});


function changeBackground() {
  // The working function for changing background color.
  document.bgColor = document.getElementById("color").value;
}
退房,然后离开
addEventListener
允许您对点击、文本框值更改等事件做出反应。每当用户在相关元素中输入内容时,
input
事件就会触发

var colorEl=document.getElementById('color');
colorEl.addEventListener('input',function(){
document.bgColor=colorEl.value;
});
正文{
宽度:100%;
身高:100%;
}
签出并打开
addEventListener
允许您对点击、文本框值更改等事件做出反应。每当用户在相关元素中输入内容时,
input
事件就会触发

var colorEl=document.getElementById('color');
colorEl.addEventListener('input',function(){
document.bgColor=colorEl.value;
});
正文{
宽度:100%;
身高:100%;
}

您必须将
onchange
事件侦听器分配给您的
,正如我在以下代码中所做的那样:

 document.getElementById('color').addEventListener('change', changeBackground);

您必须为您的
分配一个
onchange
事件侦听器,正如我在以下代码中所做的那样:

 document.getElementById('color').addEventListener('change', changeBackground);

试着观看比赛

函数changeBackground(){
document.bgColor='#'+document.getElementById(“color”).value;
}

尝试观看事件键向上

函数changeBackground(){
document.bgColor='#'+document.getElementById(“color”).value;
}

谢谢大家的建议

西里尔·比克曼下面的建议对我很有效,但我认为它们都会起作用。干杯

函数changeBackground(){
document.bgColor='#'+document.getElementById(“color”).value;
}

谢谢大家的建议

西里尔·比克曼下面的建议对我很有效,但我认为它们都会起作用。干杯

函数changeBackground(){
document.bgColor='#'+document.getElementById(“color”).value;
}
很老了,真的很老了。使用
document.body.style.backgroundColor
来代替旧的、非常旧的。改用
document.body.style.backgroundColor