跳到主要内容

交互模式 · 性能

防抖

Debounce

也叫:debounce、去抖

事件连续触发时先不执行,等停下来一段时间后只执行最后一次,常用于搜索框的输入联想。

详细解释

防抖的逻辑是「等你停下来再说」:用户每敲一个字都会触发输入事件,如果每次都请求接口,打一个词就发了好几个请求。加了 300ms 防抖后,每次触发都会重新计时,只有用户停止输入满 300ms,才真正发一次请求。

适用场景:搜索框联想、输入时检查用户名是否被占用、窗口大小调整结束后重新计算布局、自动保存草稿。

它和 节流 容易混淆。防抖是「停下后执行一次」,连续操作期间一次都不执行;节流是「按固定间隔执行」,连续操作期间会按节奏执行多次。判断方法:只关心最终结果用防抖,需要过程中持续反馈用节流。

开发者信息
术语 ID
interaction-debounce
DOM 选择器
没有 DOM 线索,这个概念不在页面上直接识别。
优先级
1 · 同一层有多条命中时,优先级高的胜出
版本
v1 · 更新于 2026/09/29