Textarea輸入字數(shù)限制實例(兼容iOS&安卓)
更新時間：2017年07月06日 08:02:30 投稿：jingxian
下面小編就為大家?guī)硪黄猅extarea輸入字數(shù)限制實例(兼容iOS&安卓)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
最近在做一個微信公眾號的頁面，其中有對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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
html2canvas+jspdf實現(xiàn)下載pdf文件并添加水印
這篇文章主要為大家詳細介紹了如何使用html2canvas + jspdf進行下載pdf文件添加水印,以及echarts圖片防止截斷處理,有需要的小伙伴可以了解下2024-10-10
VsCode插件自動生成注釋插件koroFileHeader使用教程
這篇文章主要介紹了VsCode插件自動生成注釋插件koroFileHeader使用教程,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-01-01
踩了很多次坑,終于在微信小程序中搞定了圖片上傳以及內(nèi)容安全審核,下面這篇文章主要給大家介紹了關(guān)于微信小程序圖片上傳以及內(nèi)容安全審核的相關(guān)資料,文中通過圖文以及實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
alert(3)就這么段程序，沒有寫在function中，想啊想，怎么終止js呢？jfslk也能達到一樣的效果(終止js程序)2013-05-05
相信大家都知道圖表是數(shù)據(jù)圖形化的表示，通過形象的圖表來展示數(shù)據(jù)，比如條形圖，折線圖，餅圖等?？梢暬瘓D表可以幫助開發(fā)者更容易理解復雜的數(shù)據(jù)，提高生產(chǎn)的效率和Web應(yīng)用和項目的可靠性?，F(xiàn)在就讓我們大家一起來學習用D3.js來實現(xiàn)餅圖的方法，有需要的可以參考借鑒。2016-09-09
mongodb的數(shù)據(jù)存儲格式是一種由于MongoDB的文檔結(jié)構(gòu)為BJSON格式（BJSON全稱：Binary JSON），而BJSON格式本身就支持保存二進制格式的數(shù)據(jù)，因此可以把文件的二進制格式的數(shù)據(jù)直接保存到MongoDB的文檔結(jié)構(gòu)中2012-11-11
這篇文章主要介紹了JS實現(xiàn)刷新父頁面不彈出提示框的方法,實例分析了javascript子窗口的打開以及子窗口與父窗口的交互操作技巧,需要的朋友可以參考下2016-06-06
情人節(jié)將至，程序員證明自己不是直男的時候到啦！小編為大家準備了十個通過JavaScript實現(xiàn)的愛心動畫特效，快學起來，到時候給女朋友一個驚喜吧2022-02-02
這篇文章主要給大家介紹了關(guān)于JS新手入門數(shù)組處理實用方法的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
點亮星星評分后，點擊按鈕，立即獲得分數(shù)參數(shù)值，方便不想使用ajax傳參的朋友2014-07-07