关于textarea限制字数的总结

在input标签中，只需要设置maxlength=”200”即可，但是在textarea标签中，IE9及IE9以下浏览器是不支持的，IE10、IE11则支持，估计后续的版本应该都会支持。

现在来说下怎么让大部分IE版本都支持textarea 标签限制字数，同时允许以chorme为内核的浏览器也支持。

<textarea rows="5" maxlength="200" οnchange="this.value=this.value.substring(0, 200)" οnkeydοwn="this.value=this.value.substring(0, 200)" οnkeyup="this.value=this.value.substring(0, 200)" ></textarea>

这样子即可。

备注：onchange、onkeydown、onkeyu三者缺一不可。

如省略onchange，当你用复制功能，此时一直按着ctrl不松开，鼠标去点击其他地方（焦点移出textarea）时，不会自动取消超出部分；

如省略onkeydown，快速录入的时候会有很多个字符突然不见；

如省略onkeyup，原想预计200的情况下，会变成201，并且最后一个字符是最后敲进去的。

Maxlength 也不可省略，加上maxlength 当碰到IE10及以上版本时，可以完美的实现限制输入框字数的功能。不像其他低版本的IE浏览器还可能出现一个字母后消失。

关于textarea限制字数的总结相关推荐

微信小程序textArea组件字数限制
在写小程序的过程之前,我们经常能遇到输入区域的字数限制问题,今天就来看一下如何限制textArea的字数实现效果 wxml <view class="xinxi">& ...
textarea统计字数
开发项目中经常会用到,textarea统计字数源码如下: <!DOCTYPE html> <html lang="en"> <head> &l ...
textarea限制字数
在input标签中,只需要设置maxlength="200"即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会 ...
textArea剩余字数统计插件
效果如: js代码: /*** textArea字数统计* * Created on : 2015-6-26, 11:49:24* Author : tom lyl010991@126.com*/ v ...
vue设置textarea最大字数_【Vue 学习】 Vue常用系统指令
1 v-on 指令 1.1 v-on:click 1.2 v-on:keydown 1.3 v-on:mouseover 1.4 事件修饰符 1.5 按键修饰符 2 v-text .v-html.v- ...
element ui实现动态显示textarea剩余字数
<el-form-item label="备注:" class="layout"><el-input type="textarea& ...
统计Textarea中字数的方法
//给输入框绑定propertychange $("#content").bind("input propertychange", function () {n ...
textarea显示字数
页面布局 <view class="textareaBox"><textarea class="textarea" maxlength=&qu ...
实现textarea限制输入字数
2019独角兽企业重金招聘Python工程师标准>>> textarea称文本域,又称文本区,即有滚动条的多行文本输入控件,在网页的提交表单中经常用到.与单行文本框text控件不同, ...

关于textarea限制字数的总结

关于textarea限制字数的总结相关推荐

最新文章

热门文章