首先先看一個比較簡單的處理辦法，代碼如下：

$("textarea[maxlength]").keyup(function () {var area = $(this);var max = parseInt(area.attr("maxlength"), 10); //獲取maxlength的值if (max > 0) {if (area.val().length > max) { //textarea的文本長度大于maxlengtharea.val(area.val().substr(0, max)); //截斷textarea的文本重新賦值 }}});//復(fù)制的字符處理問題$("textarea[maxlength]").blur(function () {var area = $(this);var max = parseInt(area.attr("maxlength"), 10); //獲取maxlength的值if (max > 0) {if (area.val().length > max) { //textarea的文本長度大于maxlengtharea.val(area.val().substr(0, max)); //截斷textarea的文本重新賦值 }}});

代碼很簡單，但是體驗不太好，就是你會看到textarea里面字符已經(jīng)輸進去了，然后進行的字符截斷，這種體驗明顯和input中設(shè)置maxlength屬性的效果(體驗)不一樣，但也能湊合著用了。下面我們看較復(fù)雜的實現(xiàn)，下面這種實現(xiàn)所得到的體驗效果就和input設(shè)置maxlength的一樣了

function onmyinput(o, maxLength) {if (o.value.length >= maxLength) {if (o.value.length > maxLength) o.value = o.value.substring(0, maxLength);return false;}return true; } function mygetclipdata() {if (!document.all) {netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);trans.addDataFlavor('text/unicode');var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);clip.getData(trans, clip.kGlobalClipboard);var str = new Object();var strLength = new Object();trans.getTransferData("text/unicode", str, strLength);if (str) str = str.value.QueryInterface(Components.interfaces.nsISupportsString);var pastetext;if (str) pastetext = str.data.substring(0, strLength.value / 2);return pastetext;} else {return window.clipboardData.getData("Text");} } function mysetclipdata(o) {if (!document.all) {netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);trans.addDataFlavor("text/unicode");var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);str.data = o;trans.setTransferData("text/unicode", str, o.length * 2);var clipid = Components.interfaces.nsIClipboard;clip.setData(trans, null, clipid.kGlobalClipboard);} else {window.clipboardData.setData("Text", o);} } function onmypaste(o, maxLength) {var nMaxLen = o.getAttribute ? parseInt(maxLength) : "";if (!document.all) {//alert("不可能執(zhí)行的代碼");} else {if (document.selection.createRange().text.length > 0) {var ovalueandclipboarddata = o.value + window.clipboardData.getData("Text");if (o.getAttribute && ovalueandclipboarddata.length - document.selection.createRange().text.length > nMaxLen) {if (window.clipboardData.getData("Text").substring(0, document.selection.createRange().text.length + nMaxLen - o.value.length) != "") window.clipboardData.setData("Text", window.clipboardData.getData("Text").substring(0, document.selection.createRange().text.length + nMaxLen - o.value.length));else return false;}} else {var ovalueandclipboarddata = o.value + window.clipboardData.getData("Text");if (o.getAttribute && ovalueandclipboarddata.length > nMaxLen) {if (ovalueandclipboarddata.substring(0, nMaxLen - o.value.length) != "") window.clipboardData.setData("Text", ovalueandclipboarddata.substring(0, nMaxLen - o.value.length));else return false;}}return true;} } function onmykeypress(o, maxLength) {if (!document.all) {var nMaxLen = o.getAttribute ? parseInt(maxLength) : "";if (onmykeypress.caller.arguments[0].ctrlKey == true) {if (onmykeypress.caller.arguments[0].which == 118) {if (o.selectionStart < o.selectionEnd) {var ovalueandclipboarddata = o.value + mygetclipdata();if (o.getAttribute && (ovalueandclipboarddata.length - o.selectionEnd + o.selectionStart > nMaxLen)) {if (mygetclipdata().substring(0, o.selectionEnd - o.selectionStart + nMaxLen - o.value.length) != "") mysetclipdata(mygetclipdata().substring(0, o.selectionEnd - o.selectionStart + nMaxLen - o.value.length));else return false;}} else {var ovalueandclipboarddata = o.value + mygetclipdata();if (o.getAttribute && ovalueandclipboarddata.length > nMaxLen) {if (ovalueandclipboarddata.substring(0, nMaxLen - o.value.length) != "") mysetclipdata(ovalueandclipboarddata.substring(0, nMaxLen - o.value.length));else return false;}}return true;}}if (onmykeypress.caller.arguments[0].which == 0 || onmykeypress.caller.arguments[0].which == 8) return true;if (o.value.length >= maxLength) {if (o.selectionStart < o.selectionEnd) return true;if (o.value.length > maxLength) o.value = o.value.substring(0, maxLength);return false;} else return true;} else {if (document.selection.createRange().text.length > 0) return true;if (o.value.length >= maxLength) return false;else return true;} } window.onload = init_MaxLength; function init_MaxLength() {var textAreaObj = document.getElementsByTagName("textarea");var maxLength;for (var i = 0; i < textAreaObj.length; i++) {maxLength = textAreaObj[i].getAttribute("maxLength") == null ? 0 : textAreaObj[i].getAttribute("maxLength");if (maxLength == 0) continue;textAreaObj[i].onpaste = function () {return onmypaste(this, maxLength)};textAreaObj[i].onkeypress = function () {return onmykeypress(this, maxLength)};textAreaObj[i].onpropertychange = function () {onmyinput(this, maxLength)};if (!document.all) {textAreaObj[i].setAttribute("oninput", "return onmyinput(this," + maxLength + ")");}} }

?

轉(zhuǎn)載于:https://www.cnblogs.com/laixiancai/p/4050364.html

總結(jié)

以上是生活随笔為你收集整理的解决IE下textarea不识别maxlength属性的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。