Textarea输入字数限制（兼容iOS&安卓）
程序员文章站
2022-05-12 22:53:05
...
最近在做一个微信公众号的页面，其中有对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&安卓）的详细内容，更多请关注其它相关文章！