最近在做一個微信公眾號的頁面，其中有對textarea做輸入字數(shù)限制，而且需要兼容iOS和安卓手機，
下面直接貼代碼：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>textarea輸入字數(shù)限制（兼容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系統(tǒng)不支持 this.value = this.value.substring(0, 10); } } </script></body></html>遇到的坑：剛開始用onkeyup，發(fā)現(xiàn)iOS系統(tǒng)不支持，改用oninput，測試OK。
以上這篇Textarea輸入字數(shù)限制實例(兼容iOS&安卓)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
