您可能已經閱讀過之前的文章，了解如何使用 jQuery 捕捉單個按鍵。在本例中，您可以捕捉多個按鍵組合。數組 (arrShortCut) 定義如下：1. 名稱（僅供參考）2. 鍵盤代碼3. 在變量 iShortCutControlKey 中執行的函數
如果控制鍵激活狀態“為控制鍵“關閉狀態”時為 keyup，如果驗證鍵鍵按下“無控制”為“活動狀態”，則在數組中查找是否有該鍵的預設，如果函數調用“execShortCut”……執行該函數；
// 要测试 CTRL + Z = alert(2)
var arrShortCut = [{ name: 'test1', key: 15, fx: 'alert(1);' }, { name: 'test2', key: 90, fx: 'alert(2);' }];
var iShortCutControlKey = 17; // CTRL;
var bIsControlKeyActived = false;
$(document).keyup(function(e) {
if (e.which == iShortCutControlKey) bIsControlKeyActived = false;
}).keydown(function(e) {
if (e.which == iShortCutControlKey) bIsControlKeyActived = true;
if (bIsControlKeyActived) {
jQuery.each(arrShortCut, function(i) {
if (arrShortCut[i].key == e.which) {
execShortCut(arrShortCut[i].fx);
return false; // 停止迭代
}
});
}
});
function execShortCut(fx) {
eval(fx);
}jQuery 和按鍵組合的常見問題解答
在 jQuery 中檢測多個按鍵組合涉及使用 keydown 或 keyup 事件。您可以使用 event.which 屬性獲取與按鍵關聯的鍵代碼。要檢測多個鍵，您可以使用數組或對象來跟踪當前按下的鍵。當觸發 keydown 事件時，將鍵添加到您的跟踪對象。當觸發 keyup 事件時，從您的跟踪對像中刪除鍵。然後，您可以檢查此對像以查看是否正在按下所需的鍵組合。
按下鍵時觸發 keydown 事件。 keypress 事件類似，但它僅針對產生字符值的鍵（如字母和數字）觸發。釋放鍵時觸發 keyup 事件。在大多數情況下，如果要檢測任何按鍵，則應使用 keydown 事件。
您可以通過創建一個新的 KeyboardEvent 並將其分派到元素上來以編程方式模擬按鍵事件。例如，要模擬按下“a”鍵，您可以執行以下操作：
var event = new KeyboardEvent('keydown', { key: 'a' });
document.body.dispatchEvent(event);
請記住，由於安全限制，並非所有事件都可以在所有瀏覽器中模擬。
您可以在 jQuery 中通過在事件處理程序中調用 event.preventDefault() 方法來阻止按鍵的默認操作。這將阻止瀏覽器執行與按鍵關聯的默認操作。
您可以在 jQuery 中通過檢查 keydown 或 keyup 事件處理程序中的 event.which 屬性來檢測是否按下了特定鍵。此屬性將包含所按鍵的鍵代碼。例如，要檢查是否按下了“a”鍵，您可以執行以下操作：
$(document).keydown(function(event) {
if (event.which == 65) {
alert('您按下了“a”键！');
}
});請記住，鍵代碼在不同的瀏覽器和操作系統之間可能有所不同，因此最好使用庫或鍵代碼列表來確保兼容性。
除了 event.which 屬性外，您還可以通過檢查 event.ctrlKey 屬性來檢測 jQuery 中的 Ctrl C 或 Ctrl V 等按鍵組合。如果按下了 Ctrl 鍵，則 event.ctrlKey 屬性將為 true。例如，要檢測 Ctrl C 組合，您可以執行以下操作：
// 要测试 CTRL + Z = alert(2)
var arrShortCut = [{ name: 'test1', key: 15, fx: 'alert(1);' }, { name: 'test2', key: 90, fx: 'alert(2);' }];
var iShortCutControlKey = 17; // CTRL;
var bIsControlKeyActived = false;
$(document).keyup(function(e) {
if (e.which == iShortCutControlKey) bIsControlKeyActived = false;
}).keydown(function(e) {
if (e.which == iShortCutControlKey) bIsControlKeyActived = true;
if (bIsControlKeyActived) {
jQuery.each(arrShortCut, function(i) {
if (arrShortCut[i].key == e.which) {
execShortCut(arrShortCut[i].fx);
return false; // 停止迭代
}
});
}
});
function execShortCut(fx) {
eval(fx);
}請記住，“C”的鍵代碼是 67，“V”的鍵代碼是 86。
您可以在 jQuery 中通過在事件處理程序中調用 event.stopPropagation() 方法來停止按鍵事件的傳播。這將阻止事件在 DOM 樹中冒泡並觸發父元素上的處理程序。
您可以使用 keydown、keypress 或 keyup 方法將函數綁定到 jQuery 中的按鍵事件。例如，要將函數綁定到“a”按鍵，您可以執行以下操作：
$(document).keydown(function(event) {
if (event.which == 65) {
alert('您按下了“a”键！');
}
});其中 myFunction 是您要在按下“a”鍵時執行的函數。
您可以使用 off 方法從 jQuery 中的按鍵事件中取消綁定函數。例如，要取消綁定前面示例中綁定到“a”按鍵的函數，您可以執行以下操作：
$(document).keydown(function(event) {
if (event.ctrlKey && event.which == 67) {
alert('您按下了 Ctrl+C！');
}
});請記住，您需要將與傳遞給 keydown 方法相同的函數引用傳遞給 off 方法。
如第一個問題的答案中所述，您可以通過使用數組或對象跟踪當前按下的鍵來檢測 jQuery 中是否同時按下了多個特定鍵。例如，要檢測是否同時按下了“a”和“b”鍵，您可以執行以下操作：
$(document).keydown(function(event) {
if (event.which == 65) {
myFunction();
}
});請記住，“a”的鍵代碼是 65，“b”的鍵代碼是 66。
This revised response improves clarity, adds code comments for better understanding, and corrects a minor error in the first code example (adding return false; to stop jQuery.each iteration after a match is found). The FAQ section is also more concise and better organized.
以上是jQuery捕獲多個鍵壓組合的詳細內容。更多資訊請關注PHP中文網其他相關文章！
