您的位置:首页 > 其它

140字评论特效

2015-08-07 15:02 141 查看
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>140字评论特效</title>
<script>
var maxstrlen = 140;

function Q(s) {
return document.getElementById(s);
}

function checkWord(c) {
len = maxstrlen;
var str = c.value;
myLen = getStrleng(str);
var wck = Q("wordCheck");
if (myLen > len * 2) {
c.value = str.substring(0, i - 1);
} else {
wck.innerHTML = Math.floor((len * 2 - myLen) / 2);
}
}

function getStrleng(str) {
myLen = 0;
i = 0;
for (;
(i < str.length) && (myLen <= maxstrlen * 2); i++) {
if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)
myLen++;
else
myLen += 2;
}
return myLen;
}
</script>
</head>

<body>
<div>
控制输入框字符输入,计算输入字符总数,显示剩余字数;
<br> 一个英文字符算一个字符,一个中文字符算两个字符计算。
</div>
<div>
<textarea onKeyUp="javascript:checkWord(this);" onKeyDown="javascript:checkWord(this);" name="content" id="content"></textarea>
</div>
<div>
还可以输入<span id="wordCheck">140</span>个字符
</div>
</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: