Я хочу запретить пользователю вводить текст в текстовой области, как только он достигнет максимального количества символов. Происходило то, что, когда я достиг максимального предела, моя полоса прокрутки текстовой области переместилась наверх, и я каким-то образом предотвратил это с помощью этого кода.

<code>jQuery(document).ready(function($) {
    $('textarea.max').keyup(function() {
        var $textarea = $(this);
        var max = 400;
        if ($textarea.val().length > max) {
            var top = $textarea.scrollTop();
            $textarea.val($textarea.val().substr(0, max));
            $textarea.scrollTop(top);

        }
    });
}); //end if ready(fn)
</code>

Но я также хочу, чтобы после достижения максимального предела пользователь не мог ничего вводить в текстовой области. В настоящее время происходит то, что после достижения максимального предела, если пользователь нажимает и удерживает клавишу, символы набирают текст в области текста, хотя после отпускания кнопки он возвращается к исходному тексту (то есть $ textarea.val ($ textarea.val ()). substr (0, max));). Но я хочу, чтобы когда-то это условие сбылось

<code>if ($textarea.val().length > max) {
</code>

пользователь не может ничего напечатать. Я хочу, чтобы курсор исчез из текстовой области. Но если пользователь удалит некоторый текст, тогда курсор также будет доступен для ввода ввода снова. Как мне это сделать?