Focus (computing) explained

In a computing graphical user interface (GUI), a component has focus when it is selected to receive input from the user by an event such as a mouse button click or keypress.[1] Moving the focus away from a specific user interface element is known as a blur event in relation to this element.[2] Typically, the focus is withdrawn from an element by giving another element the focus. This means that focus and blur events are virtually simultaneous in relation to different user interface elements, one that becomes focused and one that is "blurred" (in the computing, not visual, sense).

The concept is similar to a cursor in a text-based environment. However, when considering a graphical interface, there is also a mouse pointer involved. Moving the mouse will typically move the mouse pointer without changing the focus. The focus can usually be changed by clicking on a component that can receive focus with the mouse. Many desktops also allow the focus to be changed with the keyboard. By convention, the key is used to move the focus to the next focusable component and to the previous one. When graphical interfaces were first introduced, many computers did not have mice, so this alternative was necessary. This feature makes it easier for people unable to use a mouse to use the user interface. In certain circumstances the arrow keys can be used to change focus.

Window focus

The behaviour of focus on one's desktop can be governed by policies in window management.

Click to focus

On most mainstream user-interfaces, such as ones made by Microsoft and Apple, it is common to find a "focus follows click" policy (or "click to focus"), where one must click the mouse inside of the window for that window to gain focus. This also typically results in the window being raised above all other windows on screen. If a clickfocus model such as this is being used, the current application window continues to retain focus and collect input, even if the mouse pointer is over another application window.

Focus follows pointer

Another common policy on Unix systems using X Window System (X11) is the "focus follows mouse" policy (or FFM), where the focus automatically follows the current placement of the pointer. The focused window is not necessarily raised; parts of it may remain below other windows. Window managers with this policy usually offer "autoraise," which raises the window when it is focused, typically after a configurable short delay. A possible consequence of a followfocus policy is that no window has focus when the pointer is moved over the background with no window underneath; otherwise the focus simply remains in the last window.

Sloppy focus

The sloppyfocus model is a variant of the followfocus model.[3] It allows input to continue to be collected by the last focused window when the mouse pointer is moved away from any window, such as over a menubar or desktop area.

Focus models used by X11 window managers

ClickfocusFollowfocusSloppyfocus
aewm[4]
aewm++[5]
AHWM[6]
awesome
CTWM
dwm[7]
E16 (default)
evilwm[8]
FLWM
Fluxbox
FVWM (default)
IceWM[9]
Karmen[10]
lwm[11]
TinyWM[12]
Whim[13]
WindowLab (with no autoraise)
Xfwm
Mutter
JWM
MWM

Intra-window component focus

Individual components of a window may also have a focal position. For instance in a text editing package, the text editing window must have the Focus so that text can be entered. When text is entered into the component, it will appear at the position of the text-cursor, which will also normally be movable using the mouse pointer.

Which component should have the default focus, and how focus should move between components, are difficult but important problems in user interface design. Giving the wrong thing focus means that the user has to waste time moving the focus. Conversely, giving the right thing focus can significantly enhance the user experience.

See also

Notes

Per window or window class, with additional support for "never focus" — windows that should never receive focus.

Notes and References

  1. Web site: Managing UI Component Focus - Concept of Focus. Enlightenment. 4 June 2023.
  2. Web site: Javascript Window Blur and Window Focus Method. Naman. Garg. GeeksforGeeks . 12 October 2018 . 4 June 2023.
  3. Web site: Sloppy Focus. c2.com/cgi/wiki. 25 February 2012.
  4. Web site: aewm - Red Bean. 16 January 2016. 27 December 2007. https://web.archive.org/web/20160114133240/http://www.red-bean.com/decklin/aewm/. 14 January 2016. dead.
  5. Web site: Guide to X11/Window Managers/aewm++. 16 January 2016. Wikibooks. 18 July 2010.
  6. Web site: AHWM - Alex Hioreanu's Window Manager. 16 January 2016. hioreanu.net. 24 February 2014.
  7. Web site: dwm - dynamic window manager. 16 January 2016. suckless.org. 9 November 2015.
  8. Web site: evilwm - a minimalist window manager for the X Window System. 16 January 2016. The Dragon 32/64 Computers. 13 July 2015.
  9. Web site: icewm(1). 16 February 2021. 13 February 2021.
  10. Web site: Karmen: A Window Manager for X. 16 January 2016. 28 December 2008.
  11. Web site: lwm - Lightweight Window Manager. 16 January 2016. 26 February 2015.
  12. Web site: incise.org: tinywm. 16 January 2016. 23 April 2014.
  13. Web site: Whim basic information. 16 January 2016. Tcler's Wiki. 24 November 2009.