最近在做一個微信公眾號的頁面，其中有對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&安卓)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選
