为何按下Escape键会导致textarea失去焦点？

常见触发原因 #

• 自定义交互逻辑：绝大多数出现这个问题的站点，都是开发者给页面或textarea绑定了Escape键的监听事件，触发后主动调用blur()方法让textarea失焦。这类逻辑一般是为了实现「退出编辑模式」「关闭关联弹窗/侧边栏」之类的交互需求。
• 第三方库/编辑器的默认规则：如果站点用了富文本编辑器库（比如Quill、Draft.js）或者UI组件框架，这些工具往往自带Escape键的处理逻辑——比如退出编辑状态、关闭悬浮工具栏等，间接导致textarea（或其内部的编辑容器）失焦。
• 浏览器扩展干扰：少数情况里，某些浏览器扩展会注入全局键盘事件监听，误触发了Escape键的失焦逻辑。可以试试隐身模式下测试，排除扩展影响。
• 特殊浏览器上下文行为：原生纯textarea本身没有按下Escape就失焦的默认行为，但在某些绑定了特定UI组件的浏览器上下文里，可能存在隐性的内置处理，但这种情况非常少见。

为什么最简示例复现不了？ #

原生<textarea>元素本身不存在这个默认行为，只有当页面有额外的JS逻辑（自定义事件、第三方库）或者外部干扰（浏览器扩展）时才会触发，所以纯净的HTML示例不会出现这个问题。

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