JavaScript：检测选择元素上的 Alt/Option 键

Question

我在 Macintosh 上运行它，因此使用了 option 键。

我有一个简单的 HTML 菜单如下：

<select name="select-item">
    <option value="">Test</option>
    <option value="1">One</option>
</select>

它位于 form 元素内，在 JavaScript 中，该元素具有创造性地命名为 form 变量。

当一个菜单项被选中时，如何判断 option/alt 键是否按下？

我已经尝试了以下代码：

form['select-item'].onchange=function(e) {
    alert(e.altKey);
}

但我得到undefined 作为结果，无论选项键是否按下。如果我尝试使用 shift 键，这同样适用。

请不要使用 jQuery。

Answer 1

尝试在窗口上使用 keydown 事件并存储值

var keys = [];
window.onkeyup = function(e) {keys[e.keyCode]=false;}
window.onkeydown = function(e) {keys[e.keyCode]=true;}


form['select-item'].onchange=function(e) {
    alert(keys[18]);  // 18 is the keyCode for alt
}

你可以在https://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes找到所有的keycode

Here 是一个 jsfiddle 演示