VSCode中如何开启JavaScript DOM事件代码提示？求推荐相关扩展

开发者阿泽

2026-7-30

解决VSCode中JavaScript DOM事件代码提示问题

以下几个扩展和配置调整可以帮你获取onclick、onblur这类DOM事件的代码提示：

TypeScript and JavaScript Language Features（VSCode自带）
这是最基础的语言支持扩展，确保它处于启用状态。如果还是没提示，可以做这些调整：
1. 确认当前文件被识别为JavaScript文件（查看VSCode右下角的语言模式）；
2. 打开设置，检查javascript.suggest.enabled和typescript.suggest.enabled是否设为true；
3. 对于获取DOM元素的代码，手动添加类型注释让VSCode识别元素类型，比如：
```
/** @type {HTMLButtonElement} */
const btn = document.getElementById('btn');
btn.oncl // 这时就能触发onclick的提示了
```
JavaScript Booster
专门增强JavaScript的智能提示能力，能在输入.on时快速列出所有DOM相关事件和属性，补全逻辑更贴合DOM开发场景。
IntelliCode
微软官方的AI代码补全扩展，会根据你的代码上下文给出更精准的提示，处理DOM元素时能优先推荐常用的事件如onclick、onblur。