Simple way to count characters using .keyup in jQuery

javascript jquery onkeyup
UserIsCorrupt picture UserIsCorrupt · Feb 4, 2012 · Viewed 39.7k times · Source 
<input type="text" />

How can I write the number of characters from input on .keyup in JavaScript/jQuery?

Answer

gion_13 picture gion_13 · Feb 4, 2012 
$('input').keyup(function() {
    console.log(this.value.length);
});

keyup is a shortcut method for bind('keyup').
And as of jQuery version 1.7, all of the above are deprecated we are encourage to use the on method to bind events, meaning that the code should look like this: 

$('input').on('keyup', function() {
    console.log(this.value.length);
});

Related questions

JQuery: Keyup, how do I prevent the default behavior of the arrow (up & down) and enter key?

JavaScript (JQuery) $('input').keyup(function(e) { var code = e.keyCode ? e.keyCode : e.which; switch(code) { case 38: break; case 40: break; case 13: break; default: return; } }); HTML <form method="post" action="/"> <input type="text" name="text" /> <button …

Read More
jQuery key code for command key

I have read jQuery Event Keypress: Which key was pressed? and How can i check if key is pressed during click event with jquery? However my question is if you can get the same key event for all browsers? Currently …

Read More
Change color of specific words in textarea

I'm building a Sql query builder and would like to change the text color of a word in a textarea when the user types in words like SELECT, FROM, WHERE. I've searched around a bit and beyond this (https://jsfiddle.…

Read More