Question

I want to disable the keyboard for an HTML SELECT tag so the user can only use a mouse to select the options.

I’ve tried event.cancelBubble=true on the onkeydown, onkeyup and onkeypress events with no luck.

Any ideas?

Answer 1

Someone left me the correct answer and then removed it for some reason, so here it is:

function IgnoreAlpha(e) {
  if (!e) {
    e = window.event;
  }
  if (e.keyCode >= 65 && e.keyCode <= 90) // A to Z
  {
    e.returnValue = false;
    e.cancel = true;
  }
}

<p>
  <select id="MySelect" name="MySelect" onkeydown="IgnoreAlpha(event);">
    <option selected="selected " value=" " />
    <option value="A ">A</option>
    <option value="B ">B</option>
    <option value="C ">C</option>
  </select>
</p>