blur() event is not working on IPAD and Iphone

Question

I have tried blur() for replacing the css but that function is not working. I did research on it that blur() is not work for IOS device. Is there any other way to remove position from .body-clip-overflow when focus is out from input field. My code is attached below. Link

$(document).on('focus', 'input, textarea', function() {
   $('.body-clip-overflow').css('position', 'fixed');
   $('.ui-dialog').css('position', 'absolute');
   $('.ui-dialog').css('top', '80px');
 });

$(document).on('blur', 'input, textarea', function() {
   setTimeout(function() {
      $('.body-clip-overflow').css('position', 'relative');
   }, 100);
});

Answer 1

Try this:

$(document).live('blur', function () {
   //some code
});

or try 'keyup':

$(document).live('keyup', function () {
    //some code
});