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. SSM ehcache 配置 mapper 文件出错

    异常 十二月 26, 2017 1:44:49 下午 org.apache.tomcat.util.digester.SetPropertiesRule begin 警告: [SetPropertie ...

  2. linux管道pipe详解

    linux管道pipe详解 https://blog.csdn.net/qq_42914528/article/details/82023408

  3. MyBatis项目配置案例详解与Web下的增删改查实现[附项目源码]

    MyBatis项目案例 项目图示: 项目源码地址:https://github.com/JluTiger/mybatispro 1.项目功能 项目案例:后台管理系统用户数据维护平台 所有用户数据查询 ...

  4. 数据结构Java版之遍历二叉树（六）

    二叉树是我们在程序中用的最多的一种树(个人观点).最简单的一个二叉树是由一个根节点,两个子节点(一左一右成左右孩子节点)组成.二叉树是数组和链表的结合,即包含了数组的快速查找优点,又包含了链表的快速添 ...

  5. hdoj 1010-Tempter of the Bone

    Problem Description The doggie found a bone in an ancient maze, which fascinated him a lot. However, ...

  6. Centos7修改为固定IP后 yum 出现could not retrieve mirrorlist

    Centos7修改为固定IP后 yum 出现could not retrieve mirrorlist,发现yum源的域名无法解析 按照6,修改/etc/resovle.conf,新增域名解析服务器1 ...

  7. python 与开源Gis 书本知识点测试

    # -*- coding: utf-8 -*- print(u"python与开源QGis课题研究组")#print("汉字") #++++++++++++++ ...

  8. 【MySQL】Mac通过brew安装的MySQL重启方法

    问题 在 Mac 上通过 brew install mysql 安装的的MySQL使用基本MySQL命令重启会失败: mysql.server stop mysql.server start mysq ...

  9. c#反射动态创建窗体

    根据窗体的名称动态创建窗体 Assembly assembly = Assembly.GetExecutingAssembly();             // 实例化窗体 try { Form f ...

  10. 方法不会等待Task执行完才返回数据