Wat is Interest Invoker Popover Generator?
Het interestfor invoker-commando is een declaratief HTML-attribuut (Chrome 142+) dat een popover opent wanneer de gebruiker over of focust op het triggerelement. Stel commandfor in op de popover-id en command op interestfor op een knop, en popover=hint op het doel-div. De popover opent bij hover EN focus, waardoor het standaard toetsenbordtoegankelijk is.
Snel antwoord
Gebruik commandfor=popover-id en command=interestfor op een knop om een popover te openen bij hover en focus zonder JavaScript. Stel popover=hint in op het doel voor tooltip-gedrag. Chrome 142+.
Last updated: 2026-06-03
Beperkingen
- Vereist Chrome 142+. Andere browsers ondersteunen het nog niet.
- Popovers met interestfor kunnen geen interactieve content bevatten.
- De popover moet bij paginalading in de DOM staan.
Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub
Zo gebruik je deze tool
- Maak een popover-element met het popover-attribuut ingesteld op hint.
- Voeg een triggerknop toe met commandfor verwijzend naar de popover-id en command ingesteld op interestfor.
- Voeg optioneel CSS toe voor hover-styling en positioneer de popover met anchor positioning.
- Test of de popover opent bij zowel muishover als toetsenbordfocus.
Waarvoor je het kunt gebruiken
- Maak een toegankelijke tooltip die opent bij hover en focus zonder JavaScript.
- Bouw een hover card-voorbeeld voor productlinks.
- Vervang JavaScript-gebaseerde hover-menu's door declaratieve popovers.