当前位置：首页 → 问答吧 → 写了个字数统计,但是在firefox下无效

写了个字数统计,但是在firefox下无效

时间：2009-11-19

来源：互联网

看我这样写道:

复制代码

<form name="frm3" method="post" action="savediary.asp"><p><img src="images/write.gif" /> 写我今天的心情</p>
<textarea name="content" cols="65" rows="3" onkeydown="javascript:var $this=$(this);if($this.text().length<=250)
$('#size').text((250-$this.text().length));else if(event.keyCode!=8&&event.keyCode!=46)return false;"></textarea>
<div style="width:120px;float:left;padding:5px 22px 1px 6px;background:url(images/ts.gif) no-repeat;margin-top:-4px;">
还可以写<span id="size">250</span>字</div><div style="float:right;margin-right:12px">
<input type="hidden" name="flag" value="c" /><button type="submit" class="submit" name="submit"> 提交 </button>
</form></div></div>

我发现，这个效果在IE中是一如所愿的。但是在firefox chrome等浏览器下都一点作用也没有。
在网上找了另一个字数统计器：http://www.cnblogs.com/arix04/archive/2009/06/18/1506020.html
发现同样是firefox chrome下不起作用。

作者: fanxiaojie 发布时间: 2009-11-19

总算用这么一句怪模怪样的写法搞定了：

复制代码

<form name="frm3" method="post" action="savediary.asp"><p><img src="images/write.gif" /> 写我今天的心情</p>
<textarea name="content" cols="65" rows="3" onkeydown="javascript:var n=this.value.length;if(n<=250)
$('#size').text(250-n);else if(event.keyCode!=8&&event.keyCode!=46)return false;"></textarea>
<div style="width:120px;float:left;padding:5px 22px 1px 6px;background:url(images/ts.gif) no-repeat;margin-top:-4px;">
还可以写<span id="size">250</span>字</div><div style="float:right;margin-right:12px"><input type="hidden" name="flag" value="c" /><button type="submit" class="submit" name="submit"> 提交 </button></form>

好像在firefox中，innerHTML和innerText都是不能用的啊。奇怪。

作者: fanxiaojie 发布时间: 2009-11-19

复制代码