设置最大长度

Question

我有这个代码

<div id="IIYBAGWNBC" contenteditable="true"></div> 

这jQuery中

$("#IIYBAGWNBC").text(function(index, currentText) { 
    return currentText.substr(0, 100); 
}); 

如何防止用户在contenteditablediv

进入超过100个字符

Answer 1

这很简单，在​​，计算元素的字符串的长度，并防止用户，如果他试图喂养超过100个字符

$('div').on('keydown paste', function(event) { //Prevent on paste as well 

    //Just for info, you can remove this line 
    $('span').text('Total chars:' + $(this).text().length); 

    //You can add delete key event code as well over here for windows users. 
    if($(this).text().length === 100 && event.keyCode != 8) { 
    event.preventDefault(); 
    } 
}); 

Demo

说明：

在​​或在contenteditablediv我们检查div的length达到100，如果用户不点击退格键不是阻止用户养活paste事件通过点击任意键甚至粘贴右键单击更多字符。

Answer 2

我做了这样的事情通过使用上述答案概括的代码，这样就可以设置最大长度为任何CONTENTEDITABLE格

$("div[contenteditable='true'][maxlength]").on('keydown paste', function (event) { 
    var cntMaxLength = parseInt($(this).attr('maxlength')); 

    if ($(this).text().length === cntMaxLength && event.keyCode != 8) { 
     event.preventDefault(); 
    } 
}); 

HTML将作为bewlow

<div id="IIYBAGWNBC" contenteditable="true" maxlength="500"></div> 

这种方式，你可以提到maxlenght任何知足div元素。 希望这是有帮助的。