demo地址:http://codepen.io/tianzi77/pen/eNaXmp
用jq可以快速实现腾讯微博或新浪微博发布框的效果。
<style type="text/css">
textarea{
width: 300px;
height: 300px;
border: solid 1px #abcdef;
}
strong{
color: red;
}
</style>
</head>
<body>
<textarea></textarea>
<p>你还可以输入<strong>140</strong>个字</p>
<script type="text/javascript">
$("textarea").keydown(function(){
var max=140;
var tianzi=max-$("textarea").val().length;
$("strong").text(tianzi);
if($("strong").text()<=0){
$("strong").text("0");
var val=$("textarea").val().substring(0, 140);
$("textarea").val(val);
}
});
</script>
</body>