CodePen

HTML

            
              <h1>Testing jQuery key events on Android</h1>
<textarea id="text"></textarea>
<div id="box1">
  Keyup: <span id="len1">0</span>
</div>
<div id="box2">
  Keydown: <span id="len2">0</span>
</div>
<div id="box3">
  Keypress: <span id="len3">0</span>
</div>
<div id="box4">
  Doc Keyup: <span id="len4">0</span>
</div>
<div id="box5">
  Change: <span id="len5">0</span>
</div>
<div id="box6">
  Input: <span id="len6">0</span>
</div>
            
          
!
via HTML Inspector

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var ta = $("#text");

ta.keyup(function(){
  $("#len1").text(ta.val().length);
  yes("#box1");
});

ta.keydown(function(){
  $("#len2").text(ta.val().length);
  yes("#box2");
});

ta.keypress(function(){
  $("#len3").text(ta.val().length);
  yes("#box3");
});

$(document).on('keyup', '#text', function(){
  $("#len4").text(ta.val().length);
  yes("#box4");
});

ta.change(function(){
  $("#len5").text(ta.val().length);
  yes("#box5");
});

ta.on('input', function(){
  $("#len6").text(ta.val().length);
  yes("#box6");
});

var yes = function(box) {
  var yes = $("<span>YES</span>");
  $(box).append(yes);
  yes.fadeOut();
};
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................