利用js控制textarea的maxLength

最新推荐文章于 2021-07-03 00:53:17 发布

cui_angel

最新推荐文章于 2021-07-03 00:53:17 发布

阅读量3k

点赞数

分类专栏： Web JavaScript 文章标签： function xhtml javascript html action object

Web 同时被 2 个专栏收录

109 篇文章 1 订阅

订阅专栏

JavaScript

101 篇文章 1 订阅

订阅专栏

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>方法1--兼容ie+ff,光标闪烁截断多余文字</title>
<script type="text/javascript">
function ismaxlength(obj){
var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""
if (obj.getAttribute && obj.value.length>mlength)
obj.value=obj.value.substring(0,mlength)
}
</script>
</head>
<body>
<textarea maxlength="10" οnkeyup="return ismaxlength(this)"></textarea>
</body>
</html>
 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>方法2--兼容ie+ff,ctrl复制文字会超出范围.html</title>
<script language="javascript" type="text/javascript">
<!--
function imposeMaxLength(Object, MaxLen)
{
return (Object.value.length <MaxLen);
}
-->
</script>
</head>
<body><textarea name="myName" οnkeypress="return imposeMaxLength(this, 10);" ></textarea>
</body>
</html>
 
<html>
<head>
<title>方法3--无法通过ctrl+c复制（FF无效）</title>
</head>
<body>
<form method=post name=ceshi action="index.htm">
   <textarea name=textarea1 onpropertychange=checkMaxLen(this,10,0)></textarea>
</form>
   <script language=javascript>
var oldValue=new Array();
function checkMaxLen(obj,maxlength,num){
   if(obj.value.length>maxlength){
    obj.value=oldValue[num];
   }
   else{
    oldValue[num]=obj.value;
   }
}
</script>
</body>
</html>
 
<html>
<head>
<title>方法4-标闪烁截断多余文字（FF无效）</title>
<script type="text/javascript">
var textarea_maxlen = {
isMax : function (){
   var textarea = document.getElementByIdx("area");
   var max_length = textarea.maxLength;
if(textarea.value.length > max_length){
   textarea.value = textarea.value.substring(0, max_length);
   }
},
disabledRightMouse : function (){
document.oncontextmenu = function (){ return false; }},
enabledRightMouse : function (){
document.oncontextmenu = null;}};
</script>
</head>
<body>
<textarea id="area" maxLength="10"   οnkeyup="textarea_maxlen.isMax()"  οnfοcus="textarea_maxlen.disabledRightMouse()"   οnblur="textarea_maxlen.enabledRightMouse()" rows="20" cols="100"></textarea>
</body>
</html>

cui_angel

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
利用js控制textarea的maxLength

方法1--兼容ie+ff,光标闪烁截断多余文字function ismaxlength(obj){var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""if (obj.getAttribute && obj.value.length>mlength)obj.value=obj.value.sub
复制链接

扫一扫