title: Input box precise text selection
body: <p>I have an input box:  input type="text" class="rulerInputText" id="rulerInputBox" readonly<br>
  I have Javascript code to detect the selected text and play around with it.</p>
  
  <p>The issue comes when I am allowing the user to actually select text. The text is basic with spaces. When the user begins selecting, there is no issue, but when a space is reached, the user selects it and the next word is automatically selected. Essentially, I want to prevent automatic selection of the entire word. I only want to select exactly what the user wishes to select with the mouse.</p>
  
  <p>Is this possible or do I need to use some sort of crazy Javascript hacks to get this done?</p>