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>
相关文章推荐
- 元图地图开放平台系统概述
- ftp发送文件
- 一种逆天的PHP字符串构造方法.
- 使用SetCurrentRowWithKeyValue
- 【BLE】CC2541之按键
- RTC实时时钟驱动
- 轻松学习AutoLayout
- SQL里动态生成列
- 详解KMP算法
- 控制台应用程序连接数据库
- iOS 9应用开发教程之定制应用程序图标以及真机测试
- android 微信支付成功,未返回回调页面
- Windows GDI与GDI+
- 元图地图开放平台控件接口
- Java设计模式—生产者消费者模式(阻塞队列实现)
- 共享内存实例
- Best Time to Buy and Sell Stock IV
- Codeforces 467C George and Job(dp)
- spring AOP 最佳实践
- 百度地图API