，最大長度和jQuery

Question

CONTENTEDITABLE DIV有以下任務 - 我需要防止在CONTENTEDITABLE DIV比N個符號的輸入更多與天然JS/JQuery的，即用戶輸入10碼元和不能輸入多個，只清晰。

<div contenteditable="true" placeholder="Текст сообщения" class="editable ng-valid ng-valid-maxlength ng-dirty ng-valid-parse ng-touched"></div> 

Answer 1

這應該爲你工作的小提琴是here

$('#editcontent').on('keydown', function(event) { 
 
    $('span').text('Characters entered:' + $(this).text().length); 
 
    if ($(this).text().length === 10 && event.keyCode != 8) /*delete*/ { 
 
    event.preventDefault(); 
 
    } 
 
});

body { 
 
    padding: 10px 0 0 10px; 
 
} 
 
#editcontent { 
 
    width: 200px; 
 
    height: 50px; 
 
    border: 1px solid blue; 
 
} 
 
#editcontent:after { 
 
    color: #999; 
 
    content: 'Enter text'; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="editcontent" contenteditable="true"></div> 
 
<span></span>