限制textarea的字数

最新推荐文章于 2024-06-18 23:00:00 发布

转载最新推荐文章于 2024-06-18 23:00:00 发布 · 304 阅读

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现限制HTML中Textarea元素输入字数的方法。通过监听Textarea内容的变化并检查字符长度，确保用户输入不会超过设定的限制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>限制textarea的字数</title>
</head>
<body>
<textarea id="TextArea1" cols="20" rows="10" onpropertychange="CheckMsg()"></textarea>
<script type="text/javascript">
//关于propertychange当对象的属性改变时候出发, 里面就是当Text属性改变的时候触发
//
var Msg="";
function CheckMsg()
{
var obj=document.getElementById("TextArea1");
var Text=obj.createTextRange().getClientRects();
if(Text.length>3)
{
obj.innerText=Msg;
}
else
{
Msg=obj.innerText;
}
}
</script>
</body>
</html>