限制textarea的字数

最新推荐文章于 2025-12-03 13:04:04 发布

最新推荐文章于 2025-12-03 13:04:04 发布 · 77 阅读

文章标签：

#xhtml #javascript #ViewUI

本文介绍了一个简单的JavaScript函数，用于限制HTML中Textarea输入框的最大字符数量。通过监听输入框的属性变化来实现字数控制。

<!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>