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. <ImageFieldFile:XXXX> is not JSON serializable

    问题描述: 使用django.forms.model下的model_to_dict来序列化ImageFieldFile出现不能序列化错误 使用json.dumps会出现同样的情况 解决办法: 方法一: ...

  2. python 设计模式学习代码记录

    @工厂模式class Beijing: def printreslut(self): print("ok") class Shanghai: def printreslut(sel ...

  3. JAVA的日期类DATE

    好记性不如烂笔头. 1:常见场景  字符串转时间格式,日期转换字符串(在前后端交互 json) 导入包(好像我的IDEA 不知道装了什么插件 会自动补齐提示) import java.text.Par ...

  4. 一个机器绑两个IP可能存在的问题

    1.同一网段两个ip 无法绑到一个机器上. 因为会生成两条该网段路由,两个路由用于同网段报文相应,而实际ip选路时只会选择其中一条路由(估计会选择前面那一条)从一个网卡走.这样不管哪个网卡来的局域网内 ...

  5. jenkins用户和权限管理

    添加用户 进入管理界面,选择manage users,添加用户 将人和角色绑定 用户和项目绑定 角色管理 可以针对不同的站点对不同的人赋权 添加角色并赋权 将角色赋权给对应的用户 使用新添加的这个用户 ...

  6. java-mybaits-014-数据库缓存设计【querycache、mybatis一级缓存、二级缓存】

    一.概述 一般来说,可以在5个方面进行缓存的设计: 1.最底层可以配置的是数据库自带的query cache, 2.mybatis的一级缓存,默认情况下都处于开启状态,只能使用自带的Perpetual ...

  7. evo:评测slam参数设置

    zn@buaa:~$ evo_ape euroc m1/state_groundtruth_estimate0/data.csv pl-svo-master2/trajout.txt -angle_d ...

  8. ES6深入浅出-13 Proxy 与 Reflect-2.Proxy 代理

    阮一峰http://es6.ruanyifeng.com/#docs/proxy MDN https://developer.mozilla.org/zh-CN/docs/Web/JavaScript ...

  9. 【Linux】宝塔上 GitLab数据迁移修改配置后nginx无法启动

    背景: 服务器A 向 服务器B 迁移数据,修改配置重启.发现gitlab的 nginx 无法启动. 查找原因 gitlab-ctl tail 错误信息: 网上查了查,似乎是宝塔的问题, 原因应该是为了 ...

  10. 用KNN实现iris的4分类问题&测试精度

    import matplotlib.pyplot as plt from scipy import sparse import numpy as np import matplotlib as mt ...