Determine the position index of a character within an HTML element when clicked

Question

I have an HTML element with only visible text inside. This example is a

element, but it could be a ,

Answer 1

You could, using JavaScript, break each character into it's own SPAN tag and add an onclick event for each. Then, read the x, y position from the event data when the SPAN is clicked.

As well, you will have access to the character clicked with event.target.innerHTML