Hi Vineet! Actually i am also facing same problem. Now i used your solution. Problem is that if i include header in my code then these function are called Like you can understand better from my code: //Initialize function var init = function () { // TODO:: Do your initialization job console.log("init() called"); $("#page1").focusin(function (){ console.log("received 1 focus In Event") ; }) $("#page1").focusout(function (){ console.log("received 1 focus Out Event") ; }) $("#fullpage").focusin(function (){ console.log("received 2 focus In Event") ; }) $("#fullpage").focusout(function (){ console.log("received 2 focus Out Event") ; }) }; $(document).ready(init); in this scenario i have two pages now one page is without header tag and other is with header . Now when i start my app on device page without header never calls focusin and focusout but the other with header calls focus in and focus out. Can you please guide me that which is the best place to call this again and again without header. In my case i want to stopt my animation. Here is the problem form which you can undertsand why i need these functions: https://developer.tizen.org/forums/web-application-development/animation-stop-problem