Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- let currentTarget = null;
- let house = document.getElementById('house');
- console.log(currentTarget);
- house.addEventListener('mouseover', showTooltip);
- house.addEventListener('mouseout', hideTooltip);
- function showTooltip(event) {
- if(currentTarget)
- return;
- if(!event.target.dataset.tooltip)
- return;
- if(!house.contains(event.target))
- return;
- let currentTarget = event.target.closest('[data-tooltip]');
- console.log(currentTarget);
- let tooltip = document.createElement('div');
- currentTarget.append(tooltip);
- tooltip.classList.add('tooltip');
- tooltip.textContent = currentTarget.dataset.tooltip;
- }
- function hideTooltip(event) {
- document.querySelector('.tooltip').remove();
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement