开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

textarea显示剩余字数

简介:
+关注继续查看

  1. <textarea id="a" onpropertychange="cal()"></textarea> 
  2. 您还可以输入<span id="c"></span>字 
  3.  
  4. <script> 
  5. var maxchar=200 
  6. document.getElementById("c").innerHTML=maxchar 
  7. function cal() { 
  8. if(document.getElementById("a").value.length>maxchar) { 
  9. document.getElementById("a").value=document.getElementById("a").value.slice(0,maxchar); 
  10. document.getElementById("c").innerHTML=0; } 
  11. else { 
  12. document.getElementById("c").innerHTML=maxchar-eval(document.getElementById("a").value.length); 
  13. } } 
  14.  
  15. //firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 
  16. if(/msie/i.test(navigator.userAgent))    //ie浏览器 
  17. {document.getElementById('a').onpropertychange=cal 
  18. else 
  19. {//非ie浏览器,比如Firefox 
  20. document.getElementById('a').addEventListener("input",cal,false); 
  21.  
  22. </script> 

 


      本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/925223,如需转载请自行联系原作者



版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
div中文字超过指定数量后不显示并且以省略号结尾
div中文字超过指定数量后不显示并且以省略号结尾
0 0
div内容超出自动滚动
div内容超出自动滚动
0 0
p标签字数过多显示省略号
p标签字数过多显示省略号
0 0
表格中文本一行显示,超出部分用省略号代替。
table{table-layout:fixed;width:100px;} .table tr td:nth-child(4){ text-align: left; padding-left: 10px; width: 20%; word-break:keep-all;  //规定自动换行的处理方法;keep-all:只能在半角空格或字符处换行。
602 0
CSS实现限制显示的字数,超出显示"..."
一、背景   在实际项目中,我们常常需要对某些页面的某些特定区域显示指定数量的内容,超出的内容显示"..."来进行美化页面,那么应该怎么做呢?今天就让我们来看看如何达到这一效果。 二、实现步骤   CSS代码 .ov{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } 这样我们就实现了这一效果,但是限制条件是:所要显示的内容只能在一行,不能有换行出现,否则不起作用。
670 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载