<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
.main {
width: 546px;
margin: 0 auto;
margin-top:40px;
border: 1px solid #9BAABD;
}
.top {
width: 500px;
height: 200px;
margin: 20px 20px 0 20px;
color:#CCC;
}
.footer {
position: relative;
height: 45px;
line-height: 45px;
margin-top: 10px;
border-top: 1px solid #D7D7D7;
}
.footer .demt {
position: absolute;
left: 20px;
color: #999;
font-size: 14px;
}
.footer input {
position: absolute;
width: 90px;
height: 25px;
right: 20px;
margin-top: 10px;
}
.footer .color{
color:#F00;
}
</style>
<script>
function ck_textarea_onFocus(obj)
{
if(obj.value==obj.defaultValue)
{
obj.value="";
}
obj.style.color="#000";
}
function ck_textarea_onBlur(obj)
{
if(obj.value=="")
{
obj.value=obj.defaultValue;
obj.style.color="#CCC";
}
}
function ck_textarea_onProchange(obj)
{
obj.value=obj.value.substr(0,140);
var score=140-obj.value.length;
document.getElementById("test").innerHTML=score;
}
function ck_textarea_onInput(obj)
{
obj.value=obj.value.substr(0,140);
var score=140-obj.value.length;
document.getElementById("test").innerHTML=score;
}
</script>
</head>
<body>
<div class="main">
<textarea rows="10" cols="50" class="top" onFocus="ck_textarea_onFocus(this)" onBlur="ck_textarea_onBlur(this)" onpropertychange="ck_textarea_onProchange(this)" oninput="ck_textarea_onInput(this)">欢迎每天微评爱车哦....</textarea>
<div class="footer"> <span class="demt">您还可以输入 <span id="test" class="color">140</span> 个字</span>
<input type="submit" value="提交" />
</div>
</div>
</body>
</html>要实现这样的一个功能，在用户输入的时候，可以监测字数的变化，然后提示还可以输入多少字：360，谷歌，火狐测试均没有问题，在IEtester下测试6.7.8均实现不了这个功能，求高手指导一下是什么原因
添加回答
举报
0/150
提交
取消