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

Question

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

我在HTML中有一个简单的菜单，如下所示：

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

它位于一个form元素中，在JavaScript中具有创造性地命名的form变量。

如何判断选择菜单项时选项/alt 键是否关闭？

我尝试了以下代码：

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

但结果我都会undefined，无论选项键是否关闭。如果我尝试使用 shift 键，同样适用。

请不要使用jQuery。

Answer 1

尝试在窗口上使用键操作并存储值

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 上找到所有键码

这是一个 jsfiddle 演示