设有一个文本框，只允许输入数值。分别用fous、change、blur判断。求哪位大神看看，哪出错了？菜鸟级别

喵喵fr 2015-09-22 09:25:18

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" >
var EventUtil = {
addHandler : function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent("on" + type,handler);
}else{
element["on" + type] = handler;
}
},

getEvent : function(event){
return event ? event : window.event;
},
getTarget : function(event){
return event.target || event.srcElement;
}
};
var textbox = document.forms[0].elements[0];
EventUtil.addHandler(textbox,"focus",function(event){
event = EventUtil.getEvent(event);
var target = EventUtil.getTarget(event);
if(target.style.backgroundColor != "red"){
target.style.backgrounColor = "yellow";
}
});

EventUtil.addHandler(textbox,"blur",function(event){
event = EventUtil.getEvent(event);
var target = EventUtil.getTarget(event);
if(/[^\d]/.test(target.value)){
target.style.backgroundColor = "red";
}else{
target.style.backgroundColor = "";}
});

EventUtil.addHandler(textbox,"change",function(event){
event = EventUtil.getEvent(event);
var target = EventUtil.getTarget(event);
if(/[^\d]/.test(target.value)){
target.style.backgroundColor = "red";
}else{
target.style.backgroundColor = "";
}
});
</script>
</head>
<body>
<from method = "post" id = "myForm">
<input type="text" id="f1"/>
</from>
</body>
</html>

...全文

138 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

喵喵fr 2015-10-06

打赏
举报

恩恩知道了

谢谢啦

似梦飞花 2015-09-22

打赏
举报

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" >
        var EventUtil = {
            addHandler : function(element,type,handler){
                if(element.addEventListener){
                    element.addEventListener(type,handler,false);
                }else if(element.attachEvent){
                    element.attachEvent("on" + type,handler);
                }else{
                    element["on" + type] = handler;
                }
            },

            getEvent : function(event){
                return event ? event : window.event;
            },
            getTarget : function(event){
                return event.target || event.srcElement;
            }
        };
        window.onload=function(){
            var textbox = document.getElementById('f1');


            EventUtil.addHandler(textbox,"blur",function(event){
                event = EventUtil.getEvent(event);
                var target = EventUtil.getTarget(event);
                if(/[^\d]/.test(target.value)){
                    target.style.backgroundColor = "red";
                }else{
                    target.style.backgroundColor = "";}
            });

            
        }

    </script>
</head>
<body>
<from method = "post" id = "myForm">
    <input type="text" id="f1"/>
</from>
</body>
</html>

放在onload里还没加载到元素呢

《锋利的jquery》利用focus聚焦方法添加样式

法语中的名词变复数规则是一项重要的语法知识，对于学习法语的人来说，理解和掌握这些规则至关重要。以下是对这些规则的详细解析： 1. 大多数普通名词变复数时，只需在词尾加-s，例如：une pomme 变为 des pommes，...

MATLAB作为一种强大的数值计算和可视化工具，被广泛用于科学研究和工程应用。在这个特定的案例中，我们关注的是“可视化不确定性足迹”，这是一种展示模糊多值函数（mf，即membership function）中不确定性的方式。...

填料简历： Créezvotre计划让您在法国南部的塞勒布尔（Fous）高原学习。最简单的方法：在高原上的deux joueurs s'afrontent et doivent砂浆机，tour a tour，可做Ruby的pièceque lemaîtredu jeu（fourni sous la...

盖兹比的首发带有尾风和黑暗模式没有FOUS的黑暗模式（未样式化内容的闪烁）尾风暗前缀可轻松添加暗光模式。主题切换按钮（可自定义） :graduation_cap: 学习盖茨比需要更多指导吗？有关盖茨比的完整文档。这里是...