jQuery FocusOverlay Demos

This page contains various html controls and demonstrates when the keyboard is being used to show FocusOverlay. Navigate through the interactive elements with your tab key.

Buttons

Editable text

Contenteditable explicitly set to true
Contenteditable
Contenteditable with textbox role

Focusable <div>s

tabindex="0"
tabindex="-1"
tabindex="0"

Selects

Other

foBeforeMove: $previousTarget foBeforeMove: $currentTarget foBeforeMove: $nextTarget foAfterMove: $previousTarget foAfterMove: $currentTarget