← CodePrimer
JavaScript
Beginner
Dom
mouseover tooltip style
How do I run code on hover?
mouseover / mouseout.
const tip = document.querySelector('#tip');
tip.addEventListener('mouseover', () => tip.classList.add('show'));
tip.addEventListener('mouseout', () => tip.classList.remove('show'));Notes
For keyboard users, also handle focus/blur.
Keywords: mouseover · mouseout · hover · tooltip
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?