用oninput和onpropertychange 事件IE浏览器下无法实现用户输入时监测字数的变化

<!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均实现不了这个功能，求高手指导一下是什么原因

qq_维以不永伤_1

浏览 1520回答 2

2回答

随时随地看视频慕课网APP