Estou escrevendo esse código que é para contar a quantidade de caracteres restantes em uma textarea. De início pareceu muito simples e tem bastante documentação na internet. Porém eu percebi que quando copio e colo algum texto na textarea, o total de caracteres remanescentes é positivo, ou seja, ainda posso digitar. Porém, não é isso que acontece. Além de não permitir digitar mais caracteres, até mesmo eu apagando alguns dos caracteres com o backspace eu não consigo mais digitar. Por exemplo, se o texto terminar em "bola" eu não consigo escrever "bolar" e se eu apagar pra apenas "bol" (retirando o "a") eu não consigo mais escrever "bola".
Pra ficar claro, o código abaixo funciona em condições normais de temperatura e pressão, porém quando ocorre um "paste" ele fica com o comportamento anômalo, que é apresentar a quantidade de caracteres restantes, por exemplo 200, e não permite mais inserção de dados. Segue o código que fiz:
$("#textAreaComplemento").bind("keyup change", function (e) {
calculaCaracteresRestantes();
});
function calculaCaracteresRestantes() {
if ($('#textAreaComplemento').val() == undefined) { return false; }
var text_length = $('#textAreaComplemento').val().length;
var text_remaining = text_max - text_length;
$('#textarea_feedback').html(text_remaining);
return true;
}
qualquer sugestão do que pode ser será bem vinda.
EDIT: Pra reproduzir, basta copiar o código que está no comentário do html desse fiddle http://jsfiddle.net/sLr8co1n/4/. Cole o código até o máximo que puder na textarea e depois tente digitar.
paste
nesse.bind()
. Dá uma olhada aqui e dá um exemplo do comportamento errado que obtêns: jsfiddle.net/n78n5vww