原创 JS实现textarea对象Maxlength属性收藏

新一篇: JS对联广告(IE,FireFox) | 旧一篇: checkbox复选框 全部选择、反向选择

<form id="8848so" name="8848so" action="http://www.8848so.com" method="post">
<textarea id="content"></textarea>
<span id="tip"></span>
</form>
<!--
= * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * 
*    作 者:  我本有心
=    QQ:     381584252
*     E-Mail: hztgcl1986@163.com
=     转载请注明出处及作者!
*     版权所有,侵权必究!!!
=
*    http://www.8848so.com,人物搜索,8848So    
= * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * = = * 
-->
<script language="javascript" type="text/javascript">
fixedLength(
"content","tip",5); //调用说明:textarea对象ID,span或div对象ID(用于显示提示信息),最大允许字符数

function fixedLength(textareaID,tipsID,wordLength)
{
    
var textarea = document.getElementById(textareaID);
    
var span = document.getElementById(tipsID);
    
    textarea.onkeyup 
= function() {onkeyupLength(textarea,span,wordLength);}; //输入事件
    textarea.onblur = textarea.onkeyup;
    textarea.onpaste 
= function () //粘贴之前事件
    {
        
if (textarea.value.length >= wordLength)
        {
            
var noneStr = "";
            window.clipboardData.setData(
"text",noneStr);
        }
        
else
        {
            window.clipboardData.setData(
"text",window.clipboardData.getData("text").substr(0,wordLength - textarea.value.length));
            
var diffLength = textarea.value.length + window.clipboardData.getData("text").length;
            lengthTips(span,wordLength,diffLength);
        }
    };
    
    textarea.ondrop 
= function () //拖拽事件
    {
        
if (textarea.value.length >= wordLength)
        {
            
var noneStr = "";
            window.event.dataTransfer.setData(
"text",noneStr);
        }
        
else
        {
            window.event.dataTransfer.setData(
"text",window.event.dataTransfer.getData("text").substr(0,wordLength - textarea.value.length));
            
var diffLength = textarea.value.length + window.event.dataTransfer.getData("text").length;
            lengthTips(span,wordLength,diffLength);
        }    
    }
}

function onkeyupLength(textarea,span,wordLength)
{
    
var textareaLength = textarea.value.length;
    
    
if (wordLength - textareaLength >= 0)
    {lengthTips(span,wordLength,textareaLength);}
    
else
    {textarea.value 
= textarea.value.substr(0,wordLength);}
}

function lengthTips(span,wordLength,textareaLength)
{span.innerHTML 
= "共:" + wordLength + "己输:" + textareaLength  + "剩:" + (wordLength - textareaLength);}
</script>
 

发表于 @ 2007年12月04日 14:14:00|评论(loading...)|编辑

新一篇: JS对联广告(IE,FireFox) | 旧一篇: checkbox复选框 全部选择、反向选择

评论:没有评论。

发表评论  


登录
Csdn Blog version 3.1a
Copyright © 我本有心