js 响应onchange事件中碰到的问题
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><html><head><title>NewDocumen...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
</head>
<body>
<form action="">
<input type="text" value="0" name="txt1"/>
<input name="txt2" type="text" id="txt2">
<input type="submit" name="Submit" value="提交">
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
//获取表单中的表单域
var txt=document.forms[0].elements["txt1"];
var txt2=document.forms[0].elements["txt2"];
//定义定时器的id
var id;
//每10毫秒该值增加1
var seed=0;
txt2.onfocus=function(){
id=window.setInterval(tip,10);
}
txt2.onblur=function(){
id=window.clearInterval(id);
}
//让秒表跳一格
function tip(){
seed++;
txt.value=seed/100;
}
//-->
</script>
代码如上；在这里用了txt2.onfocus事件可以正常运行，但我原来的目的是用txt2.onchange事件，也就是说在txt2框里要输入字符计数器才开始动，但现在把txt2.onfocus改成txt2.onchange，根本没反映，求高手指点，谢谢了
<script type="text/javascript">
<!--
var txt=document.forms[0].elements["txt"];
var id;
//每10毫秒该值增加1
var seed=0;
document.getElementById('xx').attachEvent('onpropertychange',function(o){
if(o.propertyName!='value')return; //不是value改变不执行下面的操作
id=window.setInterval(tip,1);
});
txt2.onblur=function(){
id=window.clearInterval(id);
}
function tip(){
seed++;
txt.value=seed;
}
//-->
</script> 展开
<html>
<head>
<title> New Document </title>
</head>
<body>
<form action="">
<input type="text" value="0" name="txt1"/>
<input name="txt2" type="text" id="txt2">
<input type="submit" name="Submit" value="提交">
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
<!--
//获取表单中的表单域
var txt=document.forms[0].elements["txt1"];
var txt2=document.forms[0].elements["txt2"];
//定义定时器的id
var id;
//每10毫秒该值增加1
var seed=0;
txt2.onfocus=function(){
id=window.setInterval(tip,10);
}
txt2.onblur=function(){
id=window.clearInterval(id);
}
//让秒表跳一格
function tip(){
seed++;
txt.value=seed/100;
}
//-->
</script>
代码如上；在这里用了txt2.onfocus事件可以正常运行，但我原来的目的是用txt2.onchange事件，也就是说在txt2框里要输入字符计数器才开始动，但现在把txt2.onfocus改成txt2.onchange，根本没反映，求高手指点，谢谢了
<script type="text/javascript">
<!--
var txt=document.forms[0].elements["txt"];
var id;
//每10毫秒该值增加1
var seed=0;
document.getElementById('xx').attachEvent('onpropertychange',function(o){
if(o.propertyName!='value')return; //不是value改变不执行下面的操作
id=window.setInterval(tip,1);
});
txt2.onblur=function(){
id=window.clearInterval(id);
}
function tip(){
seed++;
txt.value=seed;
}
//-->
</script> 展开
1个回答
展开全部
text里不叫onchange事件，叫onpropertychange。
这样写在IE里是可以的：
var seed=0;
var fun=function(){
id=window.setInterval(tip,10);
}
txt2.attachEvent('onpropertychange',fun);
txt2.onblur=function(){
id=window.clearInterval(id);
}
这样写在IE里是可以的：
var seed=0;
var fun=function(){
id=window.setInterval(tip,10);
}
txt2.attachEvent('onpropertychange',fun);
txt2.onblur=function(){
id=window.clearInterval(id);
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
