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