html：

<div class="ellipsis">

    夜空中最亮的星/请指引我走出去/夜空中最亮的星 是否知道/那曾与我同心的身影 如今在哪里/夜空中最亮的星 是否在意/

</div>

js：

$(document).ready(function(){

//限制字符个数

$(".ellipsis").each(function(){

var maxwidth=39;

if($(this).text().length>maxwidth){

$(this).text($(this).text().substring(0,maxwidth));

$(this).html($(this).html()+'…');

alert();

}

});

});

另一种：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>输入字符限制</title>

        <script type="text/javascript" src="js/jquery-1.11.0.js"></script>

        <style>

            .tucao_dl {

              width: 518px;

              overflow: hidden;

            }

            .tucao_dl dt {

              clear: both;

              margin-top: 5px;

            }

            .tucao_dl dt textarea {

              background: none;

              border: none;

              border: 1px solid #ddd;

              width: 510px;

              height: 135px;

              line-height: 24px;

              padding-top: 3px;

              font-size: 14px;

              color: #999;

              font-family: '微软雅黑';

              resize: none;

            }

            .tucao_dl dt i {

              color: #ff6600;

            }

            .tucao_dl dd {

              float: left;

              color: #999;

              font-family: '微软雅黑';

              font-size: 14px;

            }

            .tucao_dl dd i {

              color: #ff6600;

            }

            .focusing{background-color: rgba(22,219,10,0.5);}

        </style>

    </head>

    <body>

        <dl class="tucao_dl" >

           <dt>

               <textarea id="OtherText" title="http://www.cnblogs.com/Han39/。" class="feedbackT" onkeyup="maxlength(this)" onfocus="editAdvice()"></textarea>

           </dt>

           <dd>您还可以输入<i>200</i>字</dd>

       </dl>

    </body>

    <script>

        $(document).ready(function(){

            $('#OtherText').each(function(){

                $(this).val($(this).attr('title'));

            }).focus(function(){

                if(this.value == $(this).attr('title')){

                    $(this).val('').addClass('focusing');

                };

            }).blur(function(){

                if(this.value == ''){

                    $(this).val($(this).attr('title')).removeClass('focusing');

                };

            });

        });

        function maxlength(obj){;

            var num = $(obj).val().length;

            if(200-num>=0){

                $('.tucao_dl dd').find('i').text(200-num);

            }

            obj.value = obj.value.slice(0, 200);

        }

        function editAdvice(){

              var advice=removeAllSpace($("#OtherText").val());

              var title=removeAllSpace($("#OtherText").attr("title"));

              if(advice==null ||advice.length<=0 || advice ==title){

                $("#OtherText").text("");

              }

        }

    </script>

</html>

js实现限制容器中字符个数的更多相关文章

  1. Python2018-字符串中字符个数统计

    1 编写程序,完成以下要求: 统计字符串中,各个字符的个数 比如:"hello world" 字符串统计的结果为: h:1 e:1 l:3 o:2 d:1 r:1 w:1 prin ...

  2. python统计字符串中字符个数

    str = "xxx" result = {} for i in set(str):#set将字符串转为集合对象,用于去重,减少计算量 result[i] = str.count( ...

  3. 学c语言做练习之​统计文件中字符的个数

    统计文件中字符的个数(采用命令行参数) #include<stdio.h> #include<stdlib.h> int main(int argc, char *argv[] ...

  4. js中找string中重复项最多的字符个数

    // split():字符串中的方法,把字符串转成数组. // sort():数组中的排序方法,按照ACALL码进行排序. // join():数组中的方法,把数组转换为字符串 function de ...

  5. js实现查找字符串中最多的字符的个数

    用hash table实现.key是字符,value是字符个数. var hashTable={}; var str="fjsdeiuwidshjfhjsksghfjhsjjskalsk&q ...

  6. JS正则表达式获取字符串中特定字符

    JS正则表达式获取字符串中得特定字符,通过replace的回调函数获取. 实现的效果:在字符串中abcdefgname='test'sddfhskshjsfsjdfps中获取name的值test  实 ...

  7. oracle查找某个字符在字符串中的个数的技巧

    Oracle没有提供查找某个字符在字符串中出现次数的函数,当遇到这样的需求的时候,我们只能使用另外的方法去实现. 简单的思路就是,假设有个字符串str,然后里面有n个[a]字符,当把这n个[a]字符去 ...

  8. 设在起始地址为STRING的存储空间存放了一个字符串（该串已存放在内存中，无需输入，且串长不超过99），统计字符串中字符“A”的个数，并将结果显示在屏幕上。

    问题 设在起始地址为STRING的存储空间存放了一个字符串(该串已存放在内存中,无需输入,且串长不超过99),统计字符串中字符"A"的个数,并将结果显示在屏幕上. 代码 data ...

  9. js：重复输出字符串中字符

    复习了 重复输出一个字符串后, 重复输出一个字符串是 比如给定 str:abc  num:3 要求输出 abcabcabc 文章链接:https://www.cnblogs.com/mobu/p/98 ...

随机推荐

  1. IIS7 伪静态 web.config 配置方法【详解】

    IIS7 做伪静态比较的简单方便 1.程序方面 只需要设置web.config 就可以了. 2.服务器需要安装:URL Rewrite 下载地址:http://www.iis.net/download ...

  2. Spring boot Security 登陆安全配置

    实现的效果 访问url时,如果未登录时跳转到Login界面,要求用户登陆,如果登陆过返回请求的数据. 效果图 访问数据时,未登录返回login界面 登陆操作 登陆成功进入登出界面 登陆成功后再次访问数 ...

  3. Git的使用(6) —— 自动填写远端Git用户名密码

    1. 问题描述 公司项目组用私服的Git远程版本库,每一次推送和拉取服务都需要输入用户名和密码,过于繁琐. 2. 解决方法 Windows系统提供了"管理Windows凭据"的功能 ...

  4. Skpi List跳表

    为什么选择跳表 目前经常使用的平衡数据结构有:B树,红黑树,AVL树,Splay Tree, Treep等. 想象一下,给你一张草稿纸,一只笔,一个编辑器,你能立即实现一颗红黑树,或者AVL树 出来吗 ...

  5. php手记之07-tp5 cookie与session

    ThinkPHP采用 01-think\facade\Cookie类提供Cookie支持. 02-think\Cookie 配置文件位于 config/cookie.php中,一般会配置一个超时时间. ...

  6. Java IO系统--字符流

    字符流:尽管字节流提供了处理任何类型输入/输出操作的足够功能,它们补鞥呢直接操作Unicode字符.字符流层次结构的顶层是Reader和Writer抽象类.类似于InputStream和OutputS ...

  7. javaweb--Rest访问（RestTemplate）

    Rest访问(RestTemplate)在实际的项目中,往往需要发送一个Get/Post请求到其他的系统(Rest API),比如向人员管理部门请求,然后解析返回信息获取该用户的基本信息等.JDK传统 ...

  8. socat管理haproxy配置 ssh-keygen -N '' -t rsa -q -b 2048

    socat管理haproxy配置   haproxy是可以通过socat命令管理haproxy.cfg文件的:1.安装socat yum install socat -y 2.配置haproxy.cf ...

  9. gpload导入常见问题汇总

    gpload导入常见问题汇总 java写文件后使用gpload命令导入greenplum: 问题一: 报错信息:invalid byte sequence for encoding "UTF ...

  10. 使用layui框架的select获取选中的值

    在使用时需要注意:select标签的外层需要加上类名".layui-form" 接下来就是根据需求来改变下拉框的内容了,直接给select的option重新赋一次值,记得加上对应的 ...