Question

Is there a way in which I can detect when specifically text is being hovered over, rather than the entire div/span?

Answer 1

You can use the event.target that triggered the hover over event, assuming you have access to the event object.

EDIT:

This is overkill, but can be fun:

When you hover over a span/div, you can split all the text in it and wrap each character with span tags that serve LITERALLY no other purpose other than to tell you which word or letter has been hovered over.

I can’t see any useful reason to do this, but if you have such a desire, then this is a temporary and relatively quick (text-length depending) way to determine which letter or letters someone is hovering over in a set of text.

I did this for another project where the desire was to trigger a way to do translations of certain specific words in a ‘very’ length text document so that people learning a language could save words for later translation – if this is close to your context, then this might work, otherwise, please explain more.