iTechGuides is reader-supported. When you buy through links on our site, we may earn an affiliate commission. As an Amazon Associate I earn from qualifying purchases. Learn more
Handle keyboard commands with keyboard events, but detect text changes from the control’s input events and value. For dependable behavior, use event.key for the interpreted key, decide whether held keys should repeat, and make every custom interaction operable by keyboard without trapping focus.
Choose the right event for the job
A keyboard event does not necessarily correspond to one character appearing in a field. The browser’s keyboard-event sequence begins with keydown. When a key produces text in an input, textarea, or contenteditable element, beforeinput and input follow; keyup completes the sequence. The sequence and behavior are described in MDN’s KeyboardEvent.key reference.
Use keyboard events for commands and navigation
Use keydown or keyup when the application needs to respond to a command or navigation key, such as Enter or ArrowDown. For example, a menu may move its active item when the user presses an arrow key. Do not treat every keydown as proof that a character was inserted.
Crashes, No Sound, or Screen Glitches?
Random freezes, missing sound and display glitches usually trace back to one bad driver. Find and replace yours safely.Free scan · under a minuteWindows Errors? Fix Them Before They Spread
Repair common Windows errors and clear accumulated junk for a smoother, more stable PC - no reinstall needed.Free scan · no reinstallUse input events to observe text entry
When the goal is to react to what is in a text field, observe input and read the control’s resulting value. Use beforeinput when the application needs to inspect or respond before an edit is applied. Text entry can involve more than a simple key press, so mapping a keydown event directly to one inserted character is unreliable. See MDN’s event-sequence guidance.
#1 Best Overall
- Split Design Ergonomic: Split design helps to position wrists and forearms in a natural, relaxed position. Arteck Split Ergonomic Keyboard with Cushioned Wrist and Palm Rest, 2.4G USB Wireless Comfortable Natural Ergonomic Split Keyboard, for Windows Computer Desktop Laptop
- Wrist Rest: Soft cushioned wrist rest helps you to rest your wrist and forearm while typing and makes work easier and more comfortable.
- Easy Setup: Simply insert the nano USB receiver (stored at the back of the keyboard) into your computer and use the keyboard instantly.
- 6-Month Battery Life: Rechargeable lithium battery with an industry-high capacity lasts for 6 months with single charge (based on 2 hours non-stop use per day).
- Package contents: Arteck Split Ergonomic Keyboard, nano USB receiver (stored at the back of the keyboard), USB-C charging cable, welcome guide, our 24-month warranty and friendly customer service.
Interpret the key without assuming a keyboard layout
KeyboardEvent.key reports the interpreted key value, taking modifiers and the active keyboard layout into account. That makes it useful for commands such as Enter, Escape, and ArrowDown, or for a shortcut defined in terms of the character the user produces. It also means the same physical key and modifier combination can yield different values on different layouts. MDN illustrates this with Shift+2 on US and UK keyboards, which produces different interpreted values.
Write handlers around the value your application intends to recognize, and avoid assuming that a particular physical key always produces a particular character. Layout differences are especially important for character-based shortcuts. The MDN reference explains the key value and layout example.
Rank #2
- Feel the Wave: Get comfier with Wave Keys, the ergonomic wireless keyboard shaped to help workdays go easier on you
- Type in comfort all day long: The wavy design of this compact keyboard places your hands, wrists and forearms in a natural typing position
- More palm support, less pressure: A cushioned palm rest with memory foam supports you all day long and gives you more wrist support (1)
- Smoother days, your way: Personalize your Wave Keys experience using the Logi Options+ App, where you can choose shortcuts that save time and keep your work flowing (2)
- Ergo-certified: The Wave Keys Ergonomic Keyboard has been designed and tested according to criteria set out by leading ergonomists and is approved by United States Ergonomics
Choose whether holding a key repeats an action
Holding a key can cause repeated keydown events, and a character key can also produce repeated text input. Decide deliberately whether that behavior suits the interaction. Repetition can be useful for continuous movement or scrolling; it may be undesirable for a one-time action such as opening a dialog.
For an action that should happen only once per press, ignore automatically repeated keydown events when event.repeat is true:
Rank #3
- Split-Key Ergonomic Design: One-piece split layout separates keys into left and right zones to reduce wrist bending and support a natural hand position, helping minimize strain during long hours of typing.
- Long Key Travel & Tactile Feedback: Extended key travel delivers responsive, tactile feedback with audible confirmation, similar to brown mechanical switches. Built for durability with up to 20 million keystrokes.
- Old-School Curved Row Design: Stepped, curved key rows promote a natural typing posture and reduce fatigue during long sessions. Made from high-quality ABS with membrane switches and 4.2 mm key travel.
- Ergonomic Curved Keycaps: Curved keycaps with flatter tops and back edges fit fingertip contours for improved comfort and control. Available in black, beige, and white color options.
- Natural Learning Curve: Ergonomic shape may require a short adjustment period. Most users adapt within 1–2 weeks and experience improved comfort and reduced wrist pressure with continued use.
element.addEventListener("keydown", (event) => {
if (event.repeat) return;
if (event.key === "Enter") {
activate();
}
});KeyboardEvent.repeat indicates automatic repetition. Check support against your project’s browser and device range: MDN notes that the property may not work in older browsers or devices. See MDN’s repeat-property reference.
Keep custom interactions keyboard-accessible
Users must be able to reach and operate all functionality through a keyboard interface, and they must be able to move focus away from interactive regions. Keyboard interfaces include more than a physical keyboard: they can also involve speech input, on-screen keyboards, or scanning software. WCAG 2.1 Success Criterion 2.1.1 states: “All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints.” Read W3C’s explanation of the Keyboard criterion.
Rank #4
- Split Design Ergonomic: Split design helps to position wrists and forearms in a natural, relaxed position. Arteck Ergonomic USB Wired Keyboard with Cushioned Wrist & Palm Rest, Backlit 7 Colors & Adjustable Brightness Comfortable Natural Split Keyboard with 6 Feet Wire for Windows Computer Desktop Laptop
- Wrist Rest: Soft cushioned wrist rest helps you to rest your wrist and forearm while typing and makes work easier and more comfortable.
- 7 Unique Backlight Color: 7 Elegant LED backlight with 3 brightness level.
- Easy Setup: Simply insert the 1.8M (6 feet) USB wire into your computer and use the keyboard instantly.
- Package contents: Arteck Backlit USB Wired Ergonomic Split Keyboard, welcome guide, our 24-month warranty and friendly customer service.
Prefer native controls where they fit
Native controls already provide familiar keyboard behavior. If a custom widget is necessary, preserve clear focus and implement the expected keyboard interaction for that kind of control. W3C advises following platform and user-agent conventions where practical, since unfamiliar interaction methods impose extra learning on users. See W3C’s Keyboard criterion guidance and its accessibility principles.
Quick wins for a faster PC:
Clear out junk files and repair common Windows errorsFree Scan →Scan for outdated or missing drivers - takes under a minuteDriver Scan →Provide keyboard equivalents for pointer-triggered features
Do not make a feature available only through a pointer-specific event. W3C’s G90 technique says: “To do this, make sure that all event handlers triggered by non-keyboard UI events are also associated with a keyboard-based event, or provide redundant keyboard-based mechanisms to accomplish the functionality provided by other device-specific functions.” G90 is one example of a way to meet accessibility needs; it is not the only valid implementation. See the WCAG explanation and W3C’s accessibility development tips.
Best Value
- 【Wave Ergonomic Wireless Keyboard and Mouse Combo】The wireless keyboard features a wave key and wrist rest design that naturally fits your fingers and relieves wrist strain. The adjustable stand allows you to set the keyboard to the most comfortable height, making it ideal for long-term use. Note: The USB receiver is located on the back of the mouse.
- 【Wireless Optical Mouse】The wireless mouse is designed with comfort in mind, featuring a contoured shape that fits snugly in the palm and complements the natural curve of your right hand. All controls are easily within reach. This mouse is equipped with forward and back functions, allowing you to navigate the web faster and more efficiently than ever before.
- 【Plug-and-Play 2.4G Wireless Connection】One 2.4 GHz USB receiver can connect both the keyboard and mouse, or they can be used separately. Plug and play—no software download is required. The 2.4 GHz wireless connection offers a strong and reliable signal up to 33 feet (10 meters), without delays.
- 【Automatic Power Saving Function】The ULSOU wireless keyboard and mouse combo features an automatic power-saving function. After 30 seconds of inactivity on the keyboard and 15 minutes of inactivity on the mouse, both devices enter sleep mode to conserve battery life. This greatly extends battery life, and any button press will activate the devices again. The keyboard requires 1 AA battery, and the mouse requires 1 AA battery. (batteries not included).
- 【Wide Compatibility and Dual System Layout】This wireless keyboard and mouse combo is compatible with Windows XP/Vista/7/8/10/11, Mac, and other operating systems. It’s suitable for desktops, Chromebooks, PCs, laptops, and more. You can switch between Windows and macOS by pressing FN+Q or FN+W.
Check the app using only a keyboard
Test the actual paths a user must take, rather than checking only that individual key handlers exist. W3C recommends keyboard-only checking as part of accessibility work. Use this checklist:
- Reach every interactive control and feature without a pointer.
- Operate each feature, including actions otherwise triggered by pointer events.
- Confirm that focus is visible and moves in a sensible order.
- Move focus into and back out of each interactive region; verify there is no keyboard focus trap.
- For text fields, verify that typing changes the control value and that application logic observes the resulting input rather than relying on keydown-to-character assumptions.
- For commands that can be held, check whether repeated activation is intended and handle
event.repeatwhen it is not.
W3C describes keyboard access and avoiding focus traps in its Accessibility Principles; its development tips provide further keyboard-only checking context.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
Do these 3 things before closing this tab:
1Scan for outdated or missing drivers - takes under a minute2Repair Windows errors before they cause bigger problems3Fix the driver behind crashes, sound loss and screen glitches
