下面小编就为大家带来一篇Textarea输入字数限制实例(兼容iOS&安卓)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
最近在做一个微信公众号的页面，其中有对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&安卓)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章: