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