Limitar cantidad de caracteres

HTML

<form name="myform">
<textarea class="limitedtextarea">
</textarea><br>
<font size="1">(Maximum characters: 100)<br>
You have <span class="countdown"></span> characters left.</font>
</form>

JavaScript

$(function(){
  
  var maxlength = 20;
  
  /*$('.limitedtextarea').on('keyup keydown', function() {
  	console.log(this.value.length);
    if (this.value.length > maxlength) {
      this.value = this.value.substring(0, maxlength);
    } else {
      $('.countdown').text(maxlength - this.value.length);
    }
  });*/
  
  /*$('.limitedtextarea').on('keypress', function() {
    $('.countdown').text(maxlength - this.value.length);
  });*/
  
  /*$('.limitedtextarea').onkeypress = function () {
  	console.log('fwefwef')
    if (this.value.length >= maxlength) {
    	return false;
    } else {
    	$('.countdown').text(maxlength - this.value.length);
    } 
  }*/
  
  /*$('.limitedtextarea').on('keypress', function () {
  	if (this.value.length >= maxlength) {
      return false;
    } else {
    	$(this).on('keydown keyup', function() {
      	this.value = this.value.substring(0, maxlength);
      	$('.countdown').text(maxlength - this.value.length);
      });
    }
  });*/
  
  /*
  TENER EN CUENTA QUE DENTRO DE LA FUNCIÓN SOLO SE DEBE REFERENCIAR EL WRAPPER DEL FORMULARIO
  CON UN THIS Y DE AHÍ A LOS ELEMENTOS QUE SE NECESITAN SELECCIONAR
  */
  $('.limitedtextarea').on('keypress', function () {
  	if (this.value.length >= maxlength) {
    	console.log('mayor');
      return false;
    } else {
    	console.log('pasa');
    	$(this).on('keydown keyup', function() {
      	this.value = this.value.substring(0, maxlength);
      	$('.countdown').text(maxlength - this.value.length);
      });
    }
  });
 
  
});