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. 【CSP模拟赛】独立集（最长上升子序列&大力猜结论）

    题目描述 有一天,一个名叫顺旺基的程序员从石头里诞生了.又有一天,他学会了冒泡排序和独 立集.在一个图里,独立集就是一个点集,满足任意两个点之间没有边.于是他就想把这两 个东西结合在一起.众所周知,独 ...

  2. DM-移除几何上的洞方法二

    ​原视频下载地址:http://yunpan.cn/cujkVABuZXc9t  访问密码 ba61

  3. 大数据|linux权限chmod和chown

    一.基础概念 1)rwx含义 示例如下 r:读权限read 4 w:写权限write 2 x:操作权限execute  1 -:无权限 2)drwxr - xr -x 与 - rw - r - - r ...

  4. 为 Raft 引入 leader lease 机制解决集群脑裂时的 stale read 问题

    问题:当 raft group 发生脑裂的情况下,老的 raft leader 可能在一段时间内并不知道新的 leader 已经被选举出来,这时候客户端在老的 leader 上可能会读取出陈旧的数据( ...

  5. com.mysql.cj.jdbc.Driver 新特性jdbc.url连接供参考

    com.mysql.cj.jdbc.Driver 是 mysql-connector-java 6及以上版本中的参数详解: jdbc.url=jdbc:mysql://localhost:3306/t ...

  6. java.lang.ClassNotFoundException: org.apache.jsp.error_jsp

    缺少jar包 第一个:standard-1.1.2.jar 第二个:jstl-1.2.jar

  7. 小程序运行报错navigateTo:fail page "pages/warn/warn" is not found

    在index.js中配置触发时页面转发 wx.navigateTo({ url: '../warn/warn', }) 实际上触发时报错页面找不到 原因是页面路径没有在app.json里面没有定义过, ...

  8. 000 centos7下安装elasticsearch7的单节点安装

    在这里,直接使用最新的包进行学习.这里的安装也以前的版本不同,不过因为学习,这部分安装的区别不具体研究了. 这里也是摸索型的记录,所以会出现报错情况,然后针对这种方式进行解决,最后达到安装完成的效果. ...

  9. org.slf4j:slf4j-api:添加日志管理

    org.slf4j:slf4j-api:添加日志管理 转 https://blog.csdn.net/wolfking0608/article/details/77855624   一个好的程序, 完 ...

  10. ISO/IEC 9899:2011 条款6.5.10——按位与操作符

    6.5.10 按位与操作符 语法 1.AND-expression: equality-expression AND-expression    equality-expression 约束 2.这些 ...