javascript - Onchange 不火?

标签 javascript html dom-events

我正在做的事情可能真的很愚蠢,但我搜索了很多,并且在我的一生中我没有得到什么问题(网页设计/编程的新功能),而且我知道当文本框失去焦点时它应该触发但事实并非如此:

<html>
<head>
<title>ask9</title>

<script>
function changeColor(){

var x=document.getElementById("box").value;
if(isNaN(x)==false)
{
    body.style.backgroundColor="yellow";
}
else if(isNaN(x)==true)
{
    body.style.backgroundColor="green";
}
else
{
    body.style.backgroundColor="red";
}
}
</script>
</head>
<body>
 

    <input type="text" id="box" onchange="changeColor()">

</body>
</html>

最佳答案

body 未定义 - 您可能指的是 document.bodydocument.getElementsByTagName('body')[0] - 请参阅这个jsFiddle:http://jsfiddle.net/LrrpM/

<html>
<head>
<title>ask9</title>
<script>
function changeColor() { 
    var x=document.getElementById("box").value;
    if(isNaN(x)==false)
    {
        document.body.style.backgroundColor="yellow";
    }
    else if(isNaN(x)==true)
    {
        document.body.style.backgroundColor="green";
    }
    /* // will never occur, isNaN() always returns a boolean
    else 
    {
        document.body.style.backgroundColor="red";
    }*/
}
</script>
</head>
<body>
    <input type="text" id="box" onchange="changeColor()"> 
</body>
</html>

关于javascript - Onchange 不火?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19345193/

相关文章:

javascript - CSS 显示内联 block 并用元素填充所有空间

javascript - 使用 Ajax 传递单击的提交按钮值

javascript - 如何创建自定义 <select>?

javascript - 如何在html中水平显示div?

javascript - Google map 引擎 API - KML 图层阻碍新标记事件

javascript - Angular JS ng-options 没有值(value)

html - 某些用户看不到 Font Awesome 图标

html - 如何在 HTML 标签中包装 Ruby 字符串

Javascript 'onkey*' 事件在链接浏览器中不起作用

javascript - 从 html 事件调用 javascript 类方法的正确方法