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. Java 按字节计算字符串的长度

       在<从后向前截取指定长度的字符串>中介绍了如何截取字符串,本文介绍如何统计字符串的字节长度. import org.slf4j.Logger; import org.slf4j.Lo ...

  2. python3 枚举定义和使用

    定义 在某些情况下,一个类的对象是有限且固定的,比如季节类,它只有 4 个对象:再比如行星类,目前只有 8 个对象.这种实例有限且固定的类,在 Python 中被称为枚举类.程序有两种方式来定义枚举类 ...

  3. [内网渗透]MS14-068复现(CVE-2014-6324)

    0x01 简介 在做域渗透测试时,当我们拿到了一个普通域成员的账号后,想继续对该域进行渗透,拿到域控服务器权限.如果域控服务器存在MS14_068漏洞,并且未打补丁,那么我们就可以利用MS14_068 ...

  4. 数据结构Java版之二叉查找树(七)

    二叉查找树(BST : BInary Search Tree) 二叉查找树的性质: 1.每一个元素有一个键值 2.左子树的键值都小于根节点的键值 3.右子树的键值都大于根节点的键值 4.左右子树都是二 ...

  5. linux系统下以存储从大到小并以K,M,G为单位的方式查看当前目录下的文件信息

    zhuazai:https://blog.csdn.net/sty945/article/details/79830915 前言 ls命令 ls -a ls -l ll du命令 du -s du - ...

  6. NGUI: Next-Gen UI 2018.3.0f

    https://assetstore.unity.com/packages/tools/gui/ngui-next-gen-ui-2413 NGUI is a very powerful UI sys ...

  7. iTop汉化

  8. 阿里物联网平台(一)Windows系统+VS2017 模拟设备端接入

    https://blog.csdn.net/panwen1111/article/details/88365636 一.阿里物联网平台 平台地址:https://account.aliyun.com ...

  9. iptables 配置场景3

    iptables -I INPUT -i lo -j ACCEPT    #允许本地回环地址访问: iptables -I INPUT -m state --state ESTABLISHED,REL ...

  10. Flutter Container容器组件、Text文本组件详解

    import 'package:flutter/material.dart'; void main(){ runApp(MyApp()); } class MyApp extends Stateles ...