Advertisement
Guest User

Untitled

a guest
Jun 15th, 2023
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.75 KB | None | 0 0
  1. let currentTarget = null;
  2. let house = document.getElementById('house');
  3.  
  4. console.log(currentTarget);
  5.  
  6. house.addEventListener('mouseover', showTooltip);
  7. house.addEventListener('mouseout', hideTooltip);
  8.  
  9. function showTooltip(event) {
  10. if(currentTarget)
  11. return;
  12.  
  13. if(!event.target.dataset.tooltip)
  14. return;
  15.  
  16. if(!house.contains(event.target))
  17. return;
  18.  
  19. let currentTarget = event.target.closest('[data-tooltip]');
  20. console.log(currentTarget);
  21. let tooltip = document.createElement('div');
  22.  
  23. currentTarget.append(tooltip);
  24. tooltip.classList.add('tooltip');
  25. tooltip.textContent = currentTarget.dataset.tooltip;
  26. }
  27.  
  28. function hideTooltip(event) {
  29. document.querySelector('.tooltip').remove();
  30. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement