javascript - 在 HTML SELECT 标签中禁用键盘

标签 javascript html html-select dom-events

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

我已经在 onkeydownonkeyuponkeypress 事件上尝试了 event.cancelBubble=true 没有运气。

有什么想法吗?

最佳答案

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

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>

关于javascript - 在 HTML SELECT 标签中禁用键盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1227146/

相关文章:

javascript - openui5 Controller 中未调用 onExit

javascript - 上传成功后,如何将main-div的颜色更改为绿色?

javascript - 不明白为什么我的函数不将温度从摄氏度更改为华氏度

css - 伪元素和 SELECT 标签

javascript - 如何在 Highcharts 中保持 x 轴最大值不变?

javascript - 有趣的 JavaScript 怪癖

JavaScript - 递归构建树形数据结构

javascript - 单击时Angularjs将元素添加到DOM

javascript - 使用map jquery获取数组中的选项值

javascript - 循环遍历 <select>/<option> 列表并使用 PHP 和 JavaScript 收集值?