Android原生键盘无法检测JavaScript的shift+Enter事件？是否为Bug？

问题概述 #

在Web应用的<textarea>中，常规逻辑是Enter键提交内容，shift+Enter键换行，但Android 11 LineageOS的AOSP原生键盘存在异常：JavaScript无法通过keyup事件正确检测shiftKey状态，导致shift+Enter组合键无法被识别。第三方Android键盘及其他移动系统（如iOS）均能正常触发事件。

复现代码 #

HTML #

<textarea id="my-textarea"></textarea>

JavaScript #

var myInput = document.getElementById( 'my-textarea' );
myInput.addEventListener('keyup', function(e) {
  if( e.keyCode == 13 ) {
    if (e.shiftKey) {
        // Android原生键盘下此分支永远不会触发
    } else {
        // 提交逻辑
    }
  }
} );

原因分析 #

经W3C键盘事件查看器验证，问题出在Android AOSP原生键盘的事件传递机制：当触发shift+Enter组合键时（包括按住shift按Enter、锁定shift后按Enter、拖拽shift到Enter三种方式），键盘未正确将shiftKey的激活状态同步到WebView的键盘事件中，导致e.shiftKey始终为false。第三方键盘因自行实现了标准的键盘事件逻辑，不受此问题影响。

可行解决方案 #

1. 改用keydown事件替代keyup #

keydown事件在按键按下时触发，能更早捕获shift键的状态，避免keyup时shift已抬起导致的状态丢失。同时需手动处理换行逻辑，阻止默认行为避免重复换行：

var myInput = document.getElementById('my-textarea');
myInput.addEventListener('keydown', function(e) {
  if (e.keyCode === 13) {
    e.preventDefault(); // 阻止默认的Enter行为
    if (e.shiftKey) {
      // 手动插入换行并保持光标位置
      const start = this.selectionStart;
      const end = this.selectionEnd;
      this.value = this.value.substring(0, start) + '\n' + this.value.substring(end);
      this.selectionStart = this.selectionEnd = start + 1;
    } else {
      // 执行提交逻辑
      console.log('提交内容');
    }
  }
});

2. 手动追踪shift键状态 #

通过监听shift键的keydown和keyup事件，手动维护shift的激活状态，在Enter触发时判断该状态：

var myInput = document.getElementById('my-textarea');
let isShiftActive = false;

// 记录shift键按下状态
myInput.addEventListener('keydown', function(e) {
  if (e.keyCode === 16) {
    isShiftActive = true;
  } else if (e.keyCode === 13) {
    e.preventDefault();
    if (isShiftActive) {
      // 换行逻辑
      const start = this.selectionStart;
      const end = this.selectionEnd;
      this.value = this.value.substring(0, start) + '\n' + this.value.substring(end);
      this.selectionStart = this.selectionEnd = start + 1;
    } else {
      // 提交逻辑
      console.log('提交内容');
    }
  }
});

// 重置shift键状态
myInput.addEventListener('keyup', function(e) {
  if (e.keyCode === 16) {
    isShiftActive = false;
  }
});

3. 使用getModifierState API替代shiftKey #

部分场景下，e.getModifierState('Shift')能更准确获取修饰键状态，可替换原判断逻辑：

if (e.getModifierState('Shift')) {
  // 换行逻辑
}

关于Android Bug的说明 #

这是Android AOSP原生键盘的已知问题，上游AOSP仓库存在相关issue记录。问题源于虚拟键盘在处理组合键事件时，未按W3C标准传递修饰键状态，导致Web端无法正确识别。该问题仅影响部分Android版本的原生键盘，第三方键盘因未采用AOSP原生事件处理逻辑，不受此限制。

内容的提问来源于stack exchange，提问作者V. Bozz