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. Python中文件读写read,readline,readlines函数的区别？

    read 每次会读取整个文件 readline 每次读取一行信息 readlines 读取整个文件返回一个列表,列表每个元素代表一行

  2. Cisco实验图

  3. ubuntu之路——day5(今天看了浅层神经网络的数学推导过程)

    1.初始化 2.前向传播 导数比较好理解 3.反向传播 全符号积分的推导看得我头有点晕 最后唤起我依稀的线代回忆 感谢吴恩达老师的反向传播讲解,第一遍看的有点晕,然后仔细看了一下又找了个B站的推导就懂 ...

  4. 第10组 Alpha冲刺（2/6）

    链接部分 队名:女生都队 组长博客: 博客链接 作业博客:博客链接 小组内容 恩泽(组长) 过去两天完成了哪些任务 描述 了解了如何根据系统获取的实际情况进行后端任务的调整 网易云音乐推荐算法的分析 ...

  5. vue+elementui搭建后台管理界面(5递归生成侧栏路由)

    有一个菜单树,顶层菜单下面有多个子菜单,子菜单下还有子菜单... 这时候就要用递归处理 1 定义多级菜单 修改 src/router/index.js 的 / 路由 { path: '/', redi ...

  6. Debian9安装QT5.12.3

    打开虚拟机,打开火狐浏览器,输入网址下载QT5.12(linux版本,约13.G) download.qt.io/archive/qt/5.12/5.12.0/ 文件默认下载在Downloads文件夹 ...

  7. 源码分析关于SpringBoot2.x版本与1.5版本之间的问题

    1.Social包在SpringBoot2.x移除问题 spring-boot-autoconfigure1.5x版本中支持facebook,领英和推特官方文档:https://docs.spring ...

  8. 回声消除(AEC)原理

    一.前言 因为工作的关系,笔者从2004年开始接触回声消除(Echo Cancellation)技术,而后一直在某大型通讯企业从事与回声消除技术相关的工作,对回声消除这个看似神秘.高端和难以理解的技术 ...

  9. MQTT基础概念介绍

    https://blog.csdn.net/pipinet123/article/details/60866901 源博客地址:http://blog.csdn.net/pipinet123 MQTT ...

  10. osg include lib -computer1

    E:\\OpenSceneGraph\\OpenSceneGraph_3_6_install\\lib E:\\OpenSceneGraph\\3rdParty\\v140-x64\\lib Open ...