公司一个项目里有发短信功能,要在页面上提示用户还剩多少字符可以输入,当用户输入的字符数超过最大字符限制,则截取最大字符数的数目。代码还是比较简单的,也算是记录一下。
代码如下:
HTML部分:
javascript部分:
- <script type="text/javascript">
-
- function containerKeyupHandler( e ){
- var count = "10";
-
- var evt = e || window.event;
- var elm = evt.target || evt.srcElement;
-
- var tex = elm.value;
- var len = tex.length;
- var wordCount = document.getElementById("txtWordCount");
- wordCount.value = count - len;
- if(len > count){
- tex = tex.substring(0,count);
- elm.value =tex;
- wordCount.value = 0;
- return false;
- }
- }
-
- function addEvent(elm, evType, fn, useCapture) {
- if (elm.addEventListener) {
- elm.addEventListener(evType, fn, useCapture);
- return true;
- }
- else if (elm.attachEvent) {
- var r = elm.attachEvent('on' + evType, fn);
- return r;
- }
- else {
- elm['on' + evType] = fn;
- }
- }
-
- addEvent( document.getElementById("txtContainer"), "keyup", containerKeyupHandler );
- </script>
<script type="text/javascript"> function containerKeyupHandler( e ){ var count = "10"; var evt = e || window.event; var elm = evt.target || evt.srcElement; var tex = elm.value; var len = tex.length; var wordCount = document.getElementById("txtWordCount"); wordCount.value = count - len; if(len > count){ tex = tex.substring(0,count); elm.value =tex; wordCount.value = 0; return false; } } function addEvent(elm, evType, fn, useCapture) { if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; } else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; } else { elm['on' + evType] = fn; } } addEvent( document.getElementById("txtContainer"), "keyup", containerKeyupHandler );
显示效果:
代码下载:
点击下载
Tags:javascript
posted @ Tuesday, March 10, 2009 2:19 PM