在 HTML SELECT 标签中禁用键盘

Oun*_*ess 5 html javascript html-select dom-events

我想禁用 HTML SELECT 标签的键盘,以便用户只能使用鼠标来选择选项。

我已经尝试event.cancelBubble=trueonkeydown,onkeyuponkeypress没有运气的事件。

有任何想法吗?

Oun*_*ess 4

有人给我留下了正确的答案,然后由于某种原因删除了它,所以这里是:

function IgnoreAlpha(e) {
  if (!e) {
    e = window.event;
  }
  if (e.keyCode >= 65 && e.keyCode <= 90) // A to Z
  {
    e.returnValue = false;
    e.cancel = true;
  }
}
Run Code Online (Sandbox Code Playgroud)
<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>
Run Code Online (Sandbox Code Playgroud)