title: How to make a click or double click on a word on a web page to trigger an event handler?
body: <p>For a page like</p>
  
  <p><a href="http://www.answers.com" rel="nofollow noreferrer">http://www.answers.com</a></p>
  
  <p>if the user double clicks on any word in the page, a pop up box will show up and shows the definition for that word.</p>
  
  <p>I can think of a way to use DOM scripting to break up all words in the page and then make each of them go under a separate "span" element... but otherwise isn't it true that if all the text is under a "p" element, then the "p" element node get triggered to handle the double click event, but there is no easy way of telling which word is clicked on?  </p>