get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是JS给文本区域(textarea)字数限制,一起来学习了解下吧!
【 tulaoshi.com - Web开发 】
今天搭了个发短信的页面,找朋友测试,
没想到一位大侠直接弄了本长篇小说发我手机上
为了我的宝贝手机能继续健康澎湃,给文本区域(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中需要调用的参数:
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)id=text onKeyDown=textdown(event) onKeyUp=textup()
来源:http://www.tulaoshi.com/n/20160220/1632703.html
看过《JS给文本区域(textarea)字数限制》的人还看了以下文章 更多>>