Ubuntu系统下如何在JavaScript中获取正确的带重音字符？

你遇到的问题根源在于keydown事件的定位：它监听的是物理按键的按下动作，而非最终生成的文本字符。死键（比如西语重音键）的工作机制是系统级的文本合成，keydown无法捕获到合成后的最终字符，不同系统的表现差异正是源于各自对死键合成逻辑的实现不同。

不需要修改操作系统，你可以使用专门处理文本合成的事件来解决这个问题：compositionstart、compositionupdate、compositionend，这些事件专门用于捕获输入法（包括死键合成）生成的文本，完全不需要依赖input或textarea元素。

示例代码 #

<!DOCTYPE html>
<html>
<body>
<h1> Keyboard input test</h1>
<script>
// 监听合成开始
document.addEventListener('compositionstart', function(event) {
    console.log('合成开始');
});

// 监听合成过程中的文本更新
document.addEventListener('compositionupdate', function(event) {
    console.log('当前合成文本:', event.data);
});

// 合成结束，获取最终的完整字符
document.addEventListener('compositionend', function(event) {
    console.log('最终输入字符:', event.data);
});

// 保留原keydown事件用于非合成类按键（可选）
document.addEventListener('keydown', function(event) {
    // 排除合成过程中的按键事件，避免重复输出
    if (!event.isComposing) {
        console.log('普通按键:', event.key);
    }
});
</script>
</body>
</html>

说明 #

• compositionend事件的event.data会返回死键合成后的最终字符（比如é、á），跨Windows和Ubuntu系统都能一致获取到正确结果。
• isComposing属性可以用来区分当前按键是否属于文本合成过程，避免keydown事件重复输出无效的'Dead'或普通字符。

这个方案完全不需要依赖输入框，直接在document上监听就能捕获所有文本合成的结果，完美适配你的场景。

内容的提问来源于stack exchange，提问作者Karen Fisher