Since keydown only fires for targets that can be activeElement, the event target from caret navigating plain text is always <body>.
However you can identify which element contains the caret, by evaluating the range data, which you can also do from selectionchange events.
And get this -- Safari still fires those events, even though it doesn't support caret browsing ... because it actually does, it just doesn't show the caret!
You can make it visible with a custom caret indicator that's positioned by selectionchange. Place the cursor somewhere in the text, then you can navigate with arrows. Now try Shift + arrows, and it selects the text 😎
Add comment