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

嘗試在窗口上使用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上找到所有鍵碼

這是一個jsfiddle演示