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中需要调用的参数:
id=text onKeyDown=textdown(event) onKeyUp=textup()
来源:http://www.tulaoshi.com/n/20160220/1632703.html
看过《JS给文本区域(textarea)字数限制》的人还看了以下文章 更多>>