直接上代码。

<html>

<head>

</head>

<body>

<textarea id='txtArea' cols='50' rows='10'></textarea>

</body>

<script>

function getSelectionText() {

    var selText = "";

    if (window.getSelection) {  // 只有IE6,IE7,IE8不支持

        var sel = document.activeElement;

        if (sel &&

            (sel.tagName.toLowerCase() == "textarea" ||

             (sel.tagName.toLowerCase() == "input" &&

              sel.getAttribute("type").toLowerCase() == "text")))

        {

            var text = sel.value;

            selText = text.substring(

                sel.selectionStart,

                sel.selectionEnd

            );

        }

        else {

            var selRange = window.getSelection();

            selText = selRange.toString();

        }

    } else {

        if (document.getSelection) {  // 只有IE6,IE7,IE8,Firefox不支持. 代?并不会?行到?个分支

            range = document.getSelection();

            selText = range.toString();

        } else if (document.selection.createRange) { // 只有IE6~10支持

            var range = document.selection.createRange();

            selText = range.text;

        }

    }

    return selText;

}

function SetTextAreaMaxLength(controlId, length) {

    // JScript File for TextArea

    // Keep user from entering more than maxLength characters

    function doKeypress(control, length) {

        maxLength = length;

        value = control.value;

        if (maxLength && value.length > maxLength - 1) {

            event.returnValue = false;

            maxLength = parseInt(maxLength);

        }

    }

    // Cancel default behavior

    function doBeforePaste(control, length) {

        maxLength = length;

        if (maxLength) {

            event.returnValue = false;

        }

    }

    // Cancel default behavior and create a new paste routine 粘贴这一块，只有IE有效，其他浏览器不支持window.clipboardData

    function doPaste(control, length) {

maxLength = length;
value = control.value;
if(maxLength){
event.returnValue = false;
maxLength = parseInt(maxLength);
var oTR = control.document.selection.createRange();
var iInsertLength = maxLength - value.length + oTR.text.length;
var sData = window.clipboardData.getData("Text").substr(0,iInsertLength);
oTR.text = sData;

}

function doDragenter(control, length) {

        maxLength = length;

        value = control.value;

        if (maxLength) {

            event.returnValue = 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;

        }

    }

    function AttacheventTextAreaBeforePaste(obj, length) {

        return function() {

            doBeforePaste(obj, length)

        }

    }

    function AttacheventTextAreaPaste(obj, length) {

        return function() {

            doPaste(obj, length)

        }

    }

    function AttacheventTextAreaKeyPress(obj, length) {

        return function() {

            doKeypress(obj, length)

        }

    }

    function AttacheventTextAreaDragEnter(obj, length) {

        return function() {

            doDragenter(obj, length);

        }

    }

    var obj = document.getElementById(controlId);

    addEvent(obj, 'keypress', AttacheventTextAreaKeyPress(obj, length), null);

    addEvent(obj, 'beforepaste', AttacheventTextAreaBeforePaste(obj, length), null);

    addEvent(obj, 'paste', AttacheventTextAreaPaste(obj, length), null);

    addEvent(obj, 'dragenter', AttacheventTextAreaDragEnter(obj, length), null);

}

SetTextAreaMaxLength('txtArea',10);

</script>

</html>

js 控制输入文字的字数的更多相关文章

  1. js 控制输入文字个数（换行不算）

    如题,换行符在textarea中是要当成一个字符的.用普通的maxlength属性就不行了,于是想到通过事件来控制输入文字的长度. 注意哦,回车换行不能算成字符.这样的话,普通的substring等方 ...

  2. 禁止表单操作及JS控制输入的方式

    <div>表单元素特殊属性<input type="text" value="禁止输入" disabled /></div> ...

  3. js对输入文字个数的限制...

    发表留言或者微博的时候,对输入文字个数的限制,下面分两种情况,每种分别介绍两种实现方式: 第一种:一个汉字算一位,两个字母或符号算一位. 通过ASCII编码来判断 textarea.onkeyup = ...

  4. js控制html文字提示语的出现和隐藏

    有时我们需要在点击html输入框的时候,旁边会出现提示语.在输入字符的时候,输入框下边会出现输入了多少字符的提示. 请看下面实例. <!DOCTYPE html> <html> ...

  5. js控制文本显示的字数，超出显示省略号

    在css中我们说了用css控制文本显示几行,超出用省略号,但这个办法是要完全占满一整行的,偏偏就是有UI设计师就不这么干,是不是很想打他,哈哈哈,我不会的时候都这样子在心里骂设计师的,这么久那么爱搞特 ...

  6. js统计输入文字的字节数(byte)

    这里主要考虑的是日文,日文中包含了半角和全角文字,半角算1,全角算2. <html> <head> <script language="javascript&q ...

  7. js 控制选中文字

     //脚本获取网页中选中文字 var word = document.selection.createRange().text;  //获取选中文字所在的句子 var range =  documen ...

  8. iType.js仿输入文字效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. JS常用正则表达式和JS控制输入框输入限制(数字、汉字、字符)

    验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数 ...

随机推荐

  1. android 中 viewpager 滑动的指示器

    先看下效果图: 这个需要用到1个开源的 库,这个后面也会说下的. 工程目录: 1. MainActivity.java public class MainActivity extends Fragme ...

  2. 比较@Resource、@Autowired

    @Resource @Resource默认按byName自动注入.既不指定name属性,也不指定type属性,则自动按byName方式进行查找.如果没有找到符合的bean,则回退为一个原始类型进行进行 ...

  3. CentOS 7 host-only 设置上网

    CentOS 7 ifcfg-enp0s3: HWADDR=::::F6: TYPE=Ethernet BOOTPROTO=static #dhcp DEFROUTE=yes PEERDNS=yes ...

  4. 安装ganglia过程中出现错误 perl(RRDp) is needed by rrdtool-1.2.30-1.el5.rf.x86_64

    用rpm -ivh *.rpm安装ganglia的rpm包,然后出现下面的错误: warning: rrdtool-1.2.30-1.el5.rf.x86_64.rpm: Header V3 DSA/ ...

  5. mysql 中只能使用 localhost 登录，用ip不能登陆

    解决办法 1 首先使用 localhost 登录 mysql 服务器,如果想要所用ip都可以登录本地mysql 服务器,执行以下授权命令 2 grant all privileges on *.* t ...

  6. MySQL开启federated引擎实现数据库表映射

    1.查看federated引擎是否开启 点击进入Navicat并点击键盘上F6,出现命令行界面 ,输入指令:show engines; 2.开启federated引擎 Windows系统 : 在my. ...

  7. Django form入门详解--1

     form在django中的作用: 1.可以用于自动生成form的html 2.数据校验 3.与model一在一起使用.可以大的方便数据驱动型网站的开发 编程中有许多的东西是“不可描述”的.只有动手去 ...

  8. href="javascript:void(0)" 的用法

    href=”javascript:void(0);”这个的含义是,让超链接去执行一个js函数,而不是去跳转到一个地址,而void(0)表示一个空的方法,也就是不执行js函数. 为什么要使用href=” ...

  9. jsp页面中的EL表达式不被解析的问题

    原因:问题在web.xml配置文件上,web.xml声明部分一般分为如下版本的xsd, web-app_2_2.xsd web-app_2_3.xsd web-app_2_4.xsd web-app_ ...

  10. [转载]java日志框架log4j详细配置及与slf4j联合使用教程

    一.log4j基本用法 首先,配置log4j的jar,maven工程配置以下依赖,非maven工程从maven仓库下载jar添加到“build path” 1 2 3 4 5 <dependen ...