I'm interested in creating an event listener for the "focus-visible" CSS selector. If a user is using an accessibility device or "tabbing" through the webpage, I want to use javascript to draw a box around what interactive element they will be engaging with when they press enter.

I tried doing something like this:

document.getElementById("myBtn").addEventListener("focus-visable", displayBox);

but this of course didnt work as "focus-visible" is not a DOM event.