title: Listening to the focus event in angular using $on
body: <p>I am using the swiper widget by <a href="http://www.idangero.us/swiper/#.Vqiziip96Uk" rel="nofollow">Idangero</a>, which allows me to pagify a form. However, since it loads all the controls up front, it is possible to tab into a field on the next page. I want to prevent this and I have found this <a href="https://jsfiddle.net/6rtskL5g/1/" rel="nofollow">jsfiddle</a> that changes the page when tabbing.</p>
  
  <p>It, however, uses regular javascript to listen to the focus event <code>$('form')[0].addEventListener('focus'...</code> I want to convert this to a more angular version using the $rootscope.$on (I also want it to blur out of the field instead of changing the page, but I think I can handle that) anyone know how to do this?</p>
  
  <p>I'd rather not use the ng-focus directive because then I have to add it to the controls at the bottom and top of every page.</p>