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剩余字数统计插件
效果如: js代码: /*** textArea字数统计* * Created on : 2015-6-26, 11:49:24* Author : tom lyl010991@126.com*/ v ...
- 关于textarea限制字数的总结
在input标签中,只需要设置maxlength="200"即可,但是在textarea标签中,IE9及IE9以下浏览器是不支持的,IE10.IE11则支持,估计后续的版本应该都会 ...
- 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控件不同, ...
最新文章
- 8月第1周安全回顾 0Day漏洞成企业最大威胁 应重视网络监听
- 机器学习萌新必备的三种优化算法 | 选型指南
- LeetCode 1242. Web Crawler Multithreaded--Java 解法--网路爬虫并发系列--ConcurrentHashMap/Collections.synchroni
- Android 6.0 以及HttpClient
- 和与余数的和同余理解_每日一题 | 第38期:数量关系之余数特性
- 前端周刊第58期:送你 3 道面试题
- Linux实战教学笔记
- Intel RST 和Optane 学习笔记
- 手写识别是图像识别吗_创建日语手写识别器
- 【ADNI】基本概念整理
- ML-Agents 安装配置 【ML-Agents 官方文档翻译(ML-Agent 1.9.1,Unity 2018-2020)】
- 【EasyExcel导入、导出(百万数据量测试)粘贴即用】
- unity build-in管线中的PBR材质Shader分析研究
- css之calc,初探CSS3中的calc()功能
- 一个故事讲清楚NIO
- 高通平台开发系列讲解(AI篇)SNPE工作流程介绍
- python中英文字频率_python实现统计文本中单词出现的频率详解
- 有极性、无极性电容爆炸的原因
- 控制用计算机论文,计算机在自动控制技术实践中的应用分析
- CPP-week thirteen
热门文章
- 装修前准备--动工篇
- ios15html2canvas截图空白怎么解决
- RFC7814基于BGP/MPLS IP VRF的子网扩展解决方案
- Gradle构建脚本入门
- python + ffmpeg爬取视频,转化为mp4格式
- signature=29c2d7f30321e08413c374e6d87fb171,来用百度密语吧!!!
- Python入门自学进阶——11-协程
- 重塑大融合体系,立体推进“业财合一”
- 超简单网页自动刷新插件介绍
- 一个可在多种编程语言之间转换代码的IDE工具:ide.onelang.io