網頁制作poluoluo文章簡介:為了我的寶貝手機能繼續健康澎湃,給文本區域(textarea)做了一下字數限制.
今天搭了個“發短信”的頁面,找朋友測試,
沒想到一位大俠直接弄了本長篇小說發我手機上……
為了我的寶貝手機能繼續健康澎湃,給文本區域(textarea)做了一下字數限制:
我們知道,在input標簽中可以使用maxlength=”4″屬性來直接控制字符數,但是這一招在textarea中行不通。只好寫一些JS來做判斷:
function textdown(e)
{textevent = e ;
if(textevent.keyCode == 8)
{
return;
}
if(document.getElementById('text').value.length >= 180)
{
alert("大俠,我手機屏幕小,先輸入這麼多字好不?")
if(!document.all)
{
textevent.preventDefault();
}
else
{
textevent.returnValue = false;
}
}
}
function textup()
{
var s = document.getElementById('text').value;
//判斷ID為text的文本區域字數是否超過180個
if(s.length > 180)
{
document.getElementById('text').value=s.substring(0,180);
}
}
附textarea在html中需要調用的參數:
id=”text” onKeyDown=”textdown(event)” onKeyUp=”textup()”