JavaScript中检测特定多按键组合的非废弃方案咨询

Hey Mike, totally get your frustration—dealing with cross-browser key event compatibility can be a pain, especially when deprecated properties and inconsistent API behavior get in the way. Let’s fix this properly with a non-deprecated, reliable approach that works across browsers (including Windows Chrome) and lets you specifically target only Ctrl + Enter while ignoring other combinations like Ctrl + Alt + Enter.

The Right Approach: Use Modifier Key Properties + e.key #

Instead of relying on deprecated keyCode or inconsistent e.code, we’ll use the standard, supported modifier key properties (ctrlKey, altKey, shiftKey) alongside e.key to detect the exact key combination you need. These properties are stable, non-deprecated, and work consistently across all modern browsers.

Native JavaScript Solution

Here’s how to implement this with plain JS:

document.addEventListener('keydown', function(e) {
  // Check for Enter key, with ONLY Ctrl pressed (no Alt/Shift)
  if (e.key === 'Enter' && e.ctrlKey && !e.altKey && !e.shiftKey) {
    e.preventDefault(); // Stop default behavior (like inserting a new line)
    // Your action here—e.g., submit a form, trigger a function
    console.log('Ctrl + Enter detected! Executing action...');
  }
});

jQuery Solution

Since you mentioned you can use jQuery, here’s the equivalent implementation:

$(document).on('keydown', function(e) {
  if (e.key === 'Enter' && e.ctrlKey && !e.altKey && !e.shiftKey) {
    e.preventDefault();
    // Run your desired operation here
    console.log('Ctrl + Enter triggered via jQuery!');
  }
});

How This Works #

• e.key === 'Enter': Ensures we’re targeting the Enter key specifically (this is more readable and reliable than numeric key codes).
• e.ctrlKey: Checks if the Ctrl key is pressed.
• !e.altKey and !e.shiftKey: Explicitly exclude cases where Alt or Shift are also pressed—this is exactly what you need to avoid triggering on Ctrl + Alt + Enter.

This method avoids all the issues you ran into with e.code returning undefined in Windows Chrome, and it uses only non-deprecated APIs that are supported everywhere.

If you need to detect other combinations later (like Shift + Enter), you just adjust the modifier checks—for example:

// Shift + Enter only
if (e.key === 'Enter' && e.shiftKey && !e.ctrlKey && !e.altKey) {
  // Your action
}

Hope this solves your problem! Let me know if you need any tweaks.

内容的提问来源于stack exchange，提问作者Mike Smith