微博文字字数限制（一天一个小案例）

设置文字的最大数
使用oninput事件
判断数字是否大于最大数
利用输入框自带的属性maxlength

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><p></p><textarea cols="50" rows="6"></textarea><script>var oP = document.getElementsByTagName('p')[0];var text = document.getElementsByTagName('textarea')[0];var max = 180text.maxLength = 180text.oninput = function () {var val = this.value; // 输入的字符var len = val.length; // 字符个数if (len === 0) {oP.innerHTML = '';} else if (len >= 1 && len <= 140) {oP.innerHTML = '已经输入' + len + '个字';} else if (len > 140) {oP.innerHTML = '还可以输入<b style="color: red">' + (max - len) + '</b>个字';}}</script>
</body></html>

微博文字字数限制（一天一个小案例）相关推荐

js定时器实现倒计时小案例
开发工具与关键技术: vscode /javascript 撰写时间:2022/8/19 案例介绍倒计时是网页中经常看到的一个小功能,其实也很简单,掌握了js的日期对象就能写出来了,注意获取时分秒的 ...
iOS_根据文字字数动态确定Label宽高
iOS7中用以下方法 CGSize 替代过时的iOS6中的- (CGSize)sizeWithFont:(UIFont *)font 方法 // iOS7_API_根据文字字数动态确定Label宽高 ...
IOS之代理文字点击变大变小
IOS之代理文字点击变大变小重点是掌握代理的使用,否则也失去次此意义 #import "ViewController.h" #import "AHLJFontSizeP ...
python 输出文字_Python中输出ASCII大文字、艺术字、字符字小技巧
复制代码代码如下: display text in large ASCII art fonts 显示大ASCII艺术字体这种东西在源码声明或者软件初始化控制台打印时候很有用. 例如下图: 这是查看 ...
php统计字数函数,微博内容字数统计函数（PHP版）
最近在做一个项目,其中一部分的内容就是文章内容跟微博的同步,即在发布文章时,同步更新到微博. 需要解决的问题之一就是判断文章内容的长度,因为微博(包括新浪微博和腾讯微博)都有字数限制,不能超过140字 ...
长微博工具：菊子曰自动微博文字转图片，突破微博140字限制，一键发布完成...
菊子曰从4.7 G57版本开始,新增加长微博功能,能轻松的把微博文字转为图片,突破微博140字限制,转换后的图片中文字清晰. 使用方法:在发布时,如果文字内容超过140字,软件会自动提示是否转为图片( ...
微博php学历限制,微博输入字数限制功能
摘要:html> body{font-size:12px;} .box{width:600px; height:160px; border:10px solid&nbhtml> b ...
Photoshop 输入文字看不见或者光标超小解决！
Photoshop 输入文字看不见或者光标超小解决! 图像--图像大小--分辨率--72
VUE+Canvas实现输入文字生成对应的字体图片小功能
你是不是经常浏览字体网站的时候,发现他们的"字体生成器"和预览功能很好奇,为什么输入框输入文字之后,点击预览,下面都会修改对应的字体内容,以便达到了没有安装字体也可以预览这个字体效 ...

微博文字字数限制（一天一个小案例）

微博文字字数限制（一天一个小案例）相关推荐

最新文章

热门文章