Prevent tab text highlight / disable tab text selection

Question

Here's a sample form:

<form action="#" method="post">
  Name:<br />
  <input type="text" name="name" value="your name" /><br />

  E-mail:<br />
  <input type="text" name="mail" value="your email" /><br />

  <input type="submit" value="Send"> 
</form>

When you tab to a text input, the value gets highlighted. How can it be disabled?

Any help is appreciated!

Mike

Answer 1

var $yourInput;

$yourInput = $("#your_input");

setTimeout(function() {
  return $yourInput.selectRange($yourInput.val().length, $yourInput.val().length);
}, 10);

selectRange function you can find here: jQuery Set Cursor Position in Text Area