Preserve focus

When re-focusing page content, return focus to element that was active before blur, instead of root element.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// ==UserScript==
// @name        Preserve focus
// @include        *
// @namespace   myfonj
// @grant       none
// @version     1.0
// @author      myf
// @description When re-focusing page content, return focus to element that was active before blur, instead of root element.
// ==/UserScript==

// https://greasyfork.org/en/scripts/427948/versions/new

var lastFocusedElement = document.activeElement;

window.addEventListener('blur', saveFocus, false);
window.addEventListener('focus', loadFocus, false);

function saveFocus(){
  // console.info('saving active element', {lastFocusedElement});
  lastFocusedElement = document.activeElement;
}

function loadFocus(){
  if(!lastFocusedElement) {
    // console.info('no lastFocusedElement');
    return
  }
  if(lastFocusedElement == document.activeElement) {
    // console.info('focus is already on right element', lastFocusedElement);
    return
  }
  // console.info('focusing', lastFocusedElement);
  lastFocusedElement.focus();
}