iPhone端替换拼写错误操作会触发哪些前端事件？

触发的前端事件 #

iPhone上长按替换拼写错误单词的操作，不会触发keyup这类键盘事件，但会触发以下事件：

• input事件：这是最可靠的内容变更事件，只要输入框内容发生修改（包括拼写替换、粘贴、输入法选词、语音输入等）就会触发，覆盖绝大多数移动端输入场景。
• change事件：仅当textarea失去焦点时触发，时效性不足，无法实时捕捉替换操作后的内容变化。
• selectionchange事件：替换操作会改变文本选区，因此可能触发该事件，但它不是专门监听内容变更的，仅作为补充场景参考。

移动端解决方案 #

1. 替换keyup为input事件监听 #

直接用input事件替代keyup，完美覆盖拼写替换等非键盘输入的内容变更场景，同时保留原有的防抖逻辑：

let syncTimer;
$('textarea').on('input', function() {
  clearTimeout(syncTimer);
  syncTimer = setTimeout(() => {
    $.post('/your-sync-endpoint', { content: $(this).val() });
  }, 3000);
});

2. 补充监听selectionchange（可选） #

如果遇到极端场景input未触发，可以额外监听selectionchange，但注意该事件触发频率高，必须配合防抖：

$('textarea').on('selectionchange', function() {
  clearTimeout(syncTimer);
  syncTimer = setTimeout(() => {
    $.post('/your-sync-endpoint', { content: $(this).val() });
  }, 3000);
});

3. 彻底放弃键盘类事件 #

移动端输入场景复杂，除了拼写替换，还有手写输入、语音转文字、第三方输入法选词等操作，这些都不会触发keyup/keydown。依赖内容变更类事件（如input）才是通用的兼容方案。

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