Estoy trabajando con PHP y tengo un Textarea en donde se realiza un conteo por cada carácter ingresado, tiene un limite de 500 y muestra una alerta al superar el limite. Funciona muy bien pero tiene un problema, al copiar y pegar o cortar informacion directa en el textarea, deja de contar y se queda con el ultimo valor que se conto. Es por eso que solicito su ayuda u orientacion para resolver este problema, mi codigo es el siguiente:
<script>
$('#mensaje_ayuda').text('500 carácteres restantes');
$('#observaciones').keydown(function () {
var max = 500;
var len = $(this).val().length;
if (len >= max) {
$('#mensaje_ayuda').text('Has llegado al límite');
$('#mensaje_ayuda').addClass('text-danger');
$('#observaciones').addClass('is-invalid');
$('#inputsubmit').addClass('disabled');
document.getElementById('inputsubmit').disabled = true;
}
else {
var ch = max - len;
$('#mensaje_ayuda').text(ch + ' carácteres restantes');
$('#mensaje_ayuda').removeClass('text-danger');
$('#observaciones').removeClass('is-invalid');
$('#inputsubmit').removeClass('disabled');
document.getElementById('inputsubmit').disabled = false;
}
});
</script>
<textarea class="form-control" id="observaciones" name="observaciones"
placeholder="Observaciones..." rows="6" maxlength="500"></textarea>
<span class="help-block">
<p id="mensaje_ayuda" class="help-block">Cuerpo del mensaje de alerta</p>
</span>
keydown
porinput
, que considera cualquier cambio realizado en el campo.