Textarea输入字数限制(兼容iOS&安卓)
2017-07-05 20:46
411 查看
最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,下面直接贴代码:
遇到的坑:刚开始用onkeyup,发现iOS系统不支持,改用oninput,测试OK。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>textarea输入字数限制(兼容ios和安卓)</title> </head> <body> <!-- 最多输入10个字 --> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <textarea placeholder="请输入家庭地址(必填)" rows="2"></textarea> <script> var textarea = document.getElementsByTagName('textarea'); for (var i = 0; i < textarea.length; i++) { textarea[i].oninput = function() {//注意,这里要用oninput,不要用onkeyup,否则iOS系统不支持 this.value = this.value.substring(0, 10); } } </script> </body> </html>
遇到的坑:刚开始用onkeyup,发现iOS系统不支持,改用oninput,测试OK。
相关文章推荐
- 移动端textarea输入框监听和输入字数限制(兼容ios和Android)
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- Textarea 限制输入字数,IE低版本浏览器不兼容的问题
- Textarea输入字数限制实例(兼容iOS&安卓)
- 限制 textarea 的输入字数
- 兼容于FF和IE的textArea字数限制
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 限制textarea字数并实时显示输入字数统计
- [JSP&JS]用JS控制textarea的输入文字数(针对日文全角输入环境)
- IOS 限制UITextView的输入字数
- 实现textarea限制输入字数
- JS控制文本框textarea输入字数限制的方法
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 限制textarea的输入字数
- 限制多行文本框textarea输入字数的方法
- 限制textarea的输入字数
- 限制textarea的输入字数