JavaScript實現TextArea的MaxLength效果

来源：互联网发布：win7如何连接网络编辑：程序博客网时间：2024/05/26 16:01

<textarea cols="50" rows="10" onkeypress="txtOnKeyPress(10)"

onpaste="txtOnPaste(10)"></textarea>

// 按下鍵盤按鍵時

function txtOnKeyPress(txtlength)

{

// 判斷按下的鍵是不是迴車(迴車占兩個字符)

if(event.keyCode == 13)

{

txtlength=txtlength -1;

}

//event.srcElement.value 已輸入的字符串(不包含本次輸入)

//document.selection.createRange().text 處於被選中狀態的文本

if(event.srcElement.value.length >= txtlength

&&document.selection.createRange().text.length == 0)

{

// 阻止輸入

event.returnValue=false;

}

// 黏貼時

functiontxtOnPaste(txtlength)

{

// 清空文本內被選中的區域

document.selection.createRange().text = "";

// window.clipboardData.getData("Text") 剪貼板內容

if(window.clipboardData.getData("Text").length>=

txtlength -event.srcElement.value.length)

{

// 在文本內被選中的區域添加剪貼板上內容

document.selection.createRange().text =

window.clipboardData.getData("Text").

substr(0, txtlength -event.srcElement.value.length);

// 阻止黏貼

event.returnValue = false;

}