<!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&安卓）的详细内容，更多请关注Gxl网其它相关文章！
【说明】：本文章由站长整理发布，文章内容不代表本站观点，如文中有侵权行为，请与本站客服联系(QQ:254677821)！