Textarea输入字数限制实例(兼容iOS&安卓)
2017-07-06 08:02
701 查看
最近在做一个微信公众号的页面,其中有对textarea做输入字数限制,而且需要兼容iOS和安卓手机,
下面直接贴代码:
<!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&安卓)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- 移动端textarea输入框监听和输入字数限制(兼容ios和Android)
- Textarea 限制输入字数,IE低版本浏览器不兼容的问题
- jquery实现限制textarea输入字数实例
- Textarea输入字数限制(兼容iOS&安卓)
- 限制 textarea 的输入字数
- 兼容于FF和IE的textArea字数限制
- 基于jquery的textarea发布框限制文字字数输入(添加中文识别)
- 实现textarea限制输入字数
- 限制textarea字数并实时显示输入字数统计
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- inupt textarea提示文字(点击消失,不输入恢复)及限制字数
- 实现textarea限制输入字数
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- textarea限制输入字数
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 限制textarea的输入字数
- 限制textarea的输入字数
- 限制textarea输入字数