在 mousedown 事件中，如何区分左键、中键和右键？对应的 button 值是多少？
围绕“在 mousedown 事件中，如何区分左键、中键和右键？对应的 button 值是多少”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出 0/1/2 对应主/辅助/次按钮，以及 buttons 多键状态。
核心关键词MouseEvent button 区分左键中键右键
面试知识索引 · 分类、标签与搜索
5000 道程序员面试题，每题都有完整答案
程序员面试题库第 33 页，收录第 1601–1650 题，共 5000 道完整解析，覆盖前端、JavaScript、React、Vue、Node.js、AI Agent、网络、数据库与系统设计。
5,000完整问题
52技术分类
178检索标签
100索引分页
快速定位
分类、标签与关键词搜索
技术分类52 个
全部分类5000AI Agent511浏览器301JavaScript285React281AI 开发262CSS240Node.js217TypeScript206Vue180前端工程化138React Native135
查看全部 52 个分类
热门标签178 个
查看其余 163 个标签
测试109数据库事务95实时通信92Web 可访问性90动画79可观测性77Agent 记忆75向量检索66工具调用66LangGraph59Prompt56任务规划53排障与运维53数据库索引52浏览器自动化51Flexbox50值与类型50GraphQL49事务与并发49构建与镜像49DNS 与 TLS48工程协作与交付48AI 评测47CSS Grid47Express 服务47MCP47副作用与同步47向量与嵌入47文件与多媒体47流与二进制47传输与协议46列表与性能46可维护代码46响应式原理46容器运行46指标日志追踪46数据建模与运维46文件与 I/O46表单与输入46MCP 协议45RAG45Vite 与模块构建45Webpack45内存与虚拟化45原生集成45多 Agent45工作负载与发布45应用与性能45数据处理45模块与工具链45组件与模板45缓存与数据结构45网络与运维45评估与调试45身份认证与授权45运行时与开发45Web 系统方案44一致性与容错44侦听与生命周期44分布式使用44原生组件与交互44可访问交互44消息与异步处理44渲染与调度44索引与执行计划44组件设计44缓存与代理44进程与并发44层叠与选择器43攻击面与防御43文档数据库43权限与安全43离线与渐进增强43语义与文档43请求与通信 API43Worker 与线程协作42事件系统42存储与离线数据42服务架构42服务端与流式渲染42服务端工程42泛型设计42版本控制42类型收窄42类型运算42组件与端到端42编码与执行42进程与线程42DOM 与文档操作41Flex 布局41HTTP 语义41NestJS 架构41REST 与接口契约41SQL 查询41加载与交互性能41动画与视觉41类型工程41记忆与状态41运行时与调度41Agent 架构40WebAssembly 集成40单元与集成测试40多 Agent 协作40工作流编排40模块与语言机制40浏览器与 UI 自动化40生产运行40函数与作用域39响应式设计39性能与并发39类型系统基础39Grid 布局38数组与集合38盒模型与排版38Hooks 与复用37应用开发37推理与成本37状态共享37知识库数据37模型与应用评测36对象与原型35状态与渲染35语言与并发35异步与 Promise34Effect32RAG 检索31React 性能31响应式与性能31微调与数据31TanStack Query30全栈边界30数据与缓存30大模型基础29路由与数据流29事件循环28流式交互28提示与上下文设计27数据与服务端27组件与依赖注入27组件与响应式27多模态应用24应用与渲染24Hydration22沙箱安全22状态管理18算法18CI/CD13语言与运行时10React Server Components6搜索与排序4实用函数实现3链表栈队列3图算法2字符串算法2树与遍历2索引与高级结构2Kubernetes1作用域与函数1动态规划1异步与浏览器1手写与交互性能1数组与双指针1相等比较1
第 33 页
本页面试问题
按稳定语义路径排序
- 1601
- 1602
mouseleave 事件不冒泡，那么要实现鼠标离开一组子元素的统一处理，可以使用什么替代方案？
围绕“mouseleave 事件不冒泡，那么要实现鼠标离开一组子元素的统一处理，可以使用什么替代方案”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明用 mouseout 配合 relatedTarget 或监听 mouseleave 于父级（不冒泡但捕获不可用），或使用 po。
核心关键词mouseleave 不冒泡 替代方案 - 1603
Pointer Events 与 Mouse Events 相比有哪些优势？在处理触摸设备时为何推荐使用前者？
围绕“Pointer Events 与 Mouse Events 相比有哪些优势？在处理触摸设备时为何推荐使用前者”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明统一鼠标/触摸/笔、支持多点触控、pointerdown/up 捕获及悬停。
核心关键词Pointer Events 与 Mouse Events 区别 - 1604
在处理单指触摸时，使用 Pointer Events 与 Touch Events 有何区别？哪种更适合跨设备？
围绕“在处理单指触摸时，使用 Pointer Events 与 Touch Events 有何区别？哪种更适合跨设备”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须对比统一性、支持触控点、事件对象特性和浏览器兼容，并推荐 Pointer;不扩展到鼠标兼容。
核心关键词Pointer Events 与 Touch Events 区别 - 1605
哪些情况会触发 pointercancel 事件？实现拖拽时为何需要监听它？
围绕“哪些情况会触发 pointercancel 事件？实现拖拽时为何需要监听它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列出浏览器接管、触摸滚动、移动点击等，并说明在拖拽中清除状态。
核心关键词pointercancel 事件触发场景 - 1606
setPointerCapture 有什么作用？何时需要手动释放？给出一个拖拽实现的典型用法。
围绕“setPointerCapture 有什么作用？何时需要手动释放？给出一个拖拽实现的典型用法”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明将后续指针事件重定向到指定元素直到释放，以及仅在 pointerdown 等调用，release 或不需显式（自动释放）。
核心关键词setPointerCapture 拖拽实现 用法 - 1607
如何用 preventDefault 阻止滚轮事件引发的页面滚动，但保留自定义滚轮行为？需要注意什么？
本文解释如何用 preventDefault 阻止滚轮引起的页面滚动，同时保留自定义行为；重点说明 passive 选项的影响、滚动动画管理、负滚动链及 wheel 事件可取消性的注意事项。
核心关键词wheel 事件 preventDefault 自定义滚动 - 1608
在 addEventListener 回调中 return false 与调用 preventDefault() 有何区别？
本题解析 addEventListener 回调中 return false 与调用 preventDefault() 的本质区别，说明 return false 仅对 on-event 处理器有效，不适用于 addEventListener，并给出正确实践。
核心关键词addEventListener return false 与 preventDefault 区别 - 1609
DOM 事件传播的三个阶段（捕获、目标、冒泡）分别是什么，监听器在哪个阶段触发？
讲清 DOM 事件捕获、目标、冒泡三阶段的先后次序与监听器触发时机，说明目标元素上两类监听器都触发这一细节，并给出判断当前阶段的 eventPhase 用法与常见误区。
核心关键词DOM 事件传播 捕获 冒泡 阶段 - 1610
同一元素上绑定多个相同类型事件，两个监听器的触发顺序如何保证？
围绕“同一元素上绑定多个相同类型事件，两个监听器的触发顺序如何保证”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明按添加顺序触发，且捕获/冒泡阶段不同层级才有抢跑；不能依赖顺序时如何用 once/特定选项。
核心关键词同一元素多个事件监听器触发顺序 - 1611
scroll 事件本身不冒泡，如何在不给每个滚动容器绑定监听器的情况下统一管理？
围绕“scroll 事件本身不冒泡，如何在不给每个滚动容器绑定监听器的情况下统一管理”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明可以通过捕获阶段监听 document 或 window，以及如何使用 scroll event 的 capture。
核心关键词scroll 事件不冒泡 捕获委托 - 1612
scroll 事件触发非常频繁，如何有效地控制处理频率？请对比 rAF、timeout 和 passive 的配合。
围绕“scroll 事件触发非常频繁，如何有效地控制处理频率？请对比 rAF、timeout 和 passive 的配合”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须比较 rAF 与防抖节流在滚动中的差异，以及 passive 保证不被阻塞。
核心关键词scroll 事件节流 requestAnimationFrame - 1613
scrollend 事件与 scroll 事件有何不同？在处理“停止滚动后执行操作”时如何利用？
围绕“scrollend 事件与 scroll 事件有何不同？在处理“停止滚动后执行操作”时如何利用”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 scrollend 在所有滚动手势结束后触发，而 scroll 持续触发。
核心关键词scrollend 与 scroll 事件区别 - 1614
stopPropagation() 与 stopImmediatePropagation() 的区别是什么？分别在什么场景下使用？
本题对比 stopPropagation() 与 stopImmediatePropagation()：前者允许同元素其他监听器执行完再停止传播，后者立即终止同元素剩余监听器并停止传播，文中给出模拟分发代码、适用场景与失效边界。
核心关键词stopPropagation 与 stopImmediatePropagation 区别 - 1615
如何手动创建并派发一个冒泡的 ClickEvent？有哪些属性需要设置？
围绕“如何手动创建并派发一个冒泡的 ClickEvent？有哪些属性需要设置”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 new Event('click', {bubbles:true})、派发目标及构造函数中可设置的 cancelable。
核心关键词dispatchEvent 创建派发冒泡事件 - 1616
事件回调中 event.target 与 event.currentTarget 有何区别？在事件委托中应使用哪个？
本文用父子列表事件说明 event.target 与 event.currentTarget 的本质区别，解释事件委托中为何用 target 判断来源，并提醒 currentTarget 在异步回调中失效的边界。阅读后可避免常见误判，正确编写委托代码。
核心关键词event.target 与 currentTarget 区别 - 1617
CSS 属性 touch-action 如何影响 touch 事件的默认行为？与使用 preventDefault 相比有何差异？
围绕“CSS 属性 touch-action 如何影响 touch 事件的默认行为？与使用 preventDefault ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明 touch-action 可在手势开始前声明禁止滚动/缩放手势，防止延迟，而 JS preventDefault 只能之后取消。
核心关键词touch-action 与 preventDefault 区别 - 1618
TouchEvent 中 touches、targetTouches、changedTouches 三个列表的区别是什么？在 end 事件中应使用哪个？
围绕“TouchEvent 中 touches、targetTouches、changedTouches 三个列表的区别是”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明各自含义：当前所有触点、目标元素上的、发生变化的；在 touchend 中只能用 changedTouches 获取消失的点。
核心关键词touches targetTouches changedTouches 区别 - 1619
什么情况下会触发 touchcancel？在实现自定义滑动手势时为何要处理它？
围绕“什么情况下会触发 touchcancel？在实现自定义滑动手势时为何要处理它”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖必须列举系统中断、来电、浏览器接管滚动等，并强调清除手势状态。
核心关键词touchcancel 事件触发场景 - 1620
appendChild 和 insertBefore 在插入节点时的行为有何不同？
围绕“appendChild 和 insertBefore 在插入节点时的行为有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明前者总是末尾插入，后者需指定参考节点，以及返回值和边界（null 参数）。
核心关键词appendChild 和 insertBefore 区别 - 1621
slot.assignedNodes() 和 assignedElements() 的区别在何处？
围绕“slot.assignedNodes() 和 assignedElements() 的区别在何处”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明过滤非元素节点，以及是否包含 fallback 内容。
核心关键词assignedNodes 和 assignedElements 区别 - 1622
为什么自定义元素需要 attachShadow，而普通 Div 也能附加 Shadow Root？
围绕“为什么自定义元素需要 attachShadow，而普通 Div 也能附加 Shadow Root”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需揭示 Shadow DOM 的封装功能，以及是否需要 open/closed 模式，不谈及样式隔离细节。
核心关键词自定义元素 attachShadow 作用 - 1623
Attr 接口在 DOM 中代表什么？为什么不是所有属性都能当作节点？
围绕“Attr 接口在 DOM 中代表什么？为什么不是所有属性都能当作节点”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明属性类型、命名空间、与元素属性的区别。
核心关键词DOM Attr 接口是什么 - 1624
childNode.replaceWith 和 parentNode.replaceChild 有什么不同？
围绕“childNode.replaceWith 和 parentNode.replaceChild 有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需强调调用对象和参数不同，以及兼容性。
核心关键词replaceWith 和 replaceChild 区别 - 1625
compareDocumentPosition 可以返回哪些标志位？常用在哪里？
围绕“compareDocumentPosition 可以返回哪些标志位？常用在哪里”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需列出常量如 DOCUMENT_POSITION_PRECEDING 等，用途如排序，不分析算法。
核心关键词compareDocumentPosition 标志位用途 - 1626
事件对象中 composedPath() 与 path 属性有什么不同？与 Shadow DOM 有何关系？
围绕“事件对象中 composedPath() 与 path 属性有什么不同？与 Shadow DOM 有何关系”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答 composedPath 是标准且穿过 Shadow DOM 边界、path 是旧的不保证。
核心关键词composedPath 和 event.path 区别 - 1627
createTextNode 的使用场景与直接设置 textContent 有何不同？
围绕“createTextNode 的使用场景与直接设置 textContent 有何不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需侧重创建独立节点插入 vs 直接替换全部子文本，以及能否再追加。
核心关键词createTextNode 和 textContent 区别 - 1628
createElement 和 cloneNode 在创建新节点时有什么实质区别？
对比 createElement 与 cloneNode 在创建节点时的机制差异：前者新建空元素，后者复制节点及可选子树；强调属性保留但事件丢失，并给出实际场景与边界。
核心关键词createElement 和 cloneNode 区别 - 1629
自定义元素生命周期中 connectedCallback 和 disconnectedCallback 分别在什么时机触发？
围绕“自定义元素生命周期中 connectedCallback 和 disconnectedCallback 分别在什么时”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需区分插入到文档或删除时，以及为什么不可信时不执行。
核心关键词connectedCallback 和 disconnectedCallback 触发时机 - 1630
document.documentElement 和 document.body 分别指向什么节点？
围绕“document.documentElement 和 document.body 分别指向什么节点”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答一个指向根元素 <html>，另一个指向 <body>，以及在严格文档和动态创建中的差异。
核心关键词documentElement 和 document.body 区别 - 1631
document.visibilityState 与 document.readyState 分别反映文档什么状态？
围绕“document.visibilityState 与 document.readyState 分别反映文档什么状态”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答浏览器可见性（页面隐藏）与加载阶段，用于不同场景。
核心关键词visibilityState 和 readyState 区别 - 1632
DocumentFragment 是用来解决什么问题的？
围绕“DocumentFragment 是用来解决什么问题的”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明它作为轻量级容器避免多次重排和性能问题，但不适于实际插入。
核心关键词DocumentFragment 作用 - 1633
firstChild 和 firstElementChild 有何不同？
本题对比 DOM 中 firstChild 与 firstElementChild 的差异，强调 childNodes 与 children 的关系、空白节点的影响及返回值判定，给出具体场景与边界。
核心关键词firstChild 和 firstElementChild 区别 - 1634
通过 getAttribute 读取 HTML 属性与直接访问元素属性（如 id）有何本质区别？
围绕“通过 getAttribute 读取 HTML 属性与直接访问元素属性（如 id）有何本质区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需区分属性字符串与属性值类型（如 value 和 checked），以及同步性。
核心关键词getAttribute 和元素属性访问区别 - 1635
HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项？
围绕“HTMLCollection 的 namedItem 方法在什么时候有用？它如何处理重名的项”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答可用于表单等带 name 属性元素。会返回第一个匹配或 null。
核心关键词HTMLCollection namedItem 重名处理 - 1636
importNode 和 adoptNode 在跨文档复制节点时有何区别？
围绕“importNode 和 adoptNode 在跨文档复制节点时有何区别”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答导入返回新副本而采纳移动原节点，也讨论可选 deep 参数，但不涉及安全性。
核心关键词importNode 和 adoptNode 区别 - 1637
innerHTML 和 outerHTML 分别影响元素的哪些部分？
解析 innerHTML 与 outerHTML 对 DOM 的影响范围：innerHTML 只操作内容，不涉及自身；outerHTML 操作元素整体，赋值时替换节点。涵盖读取差异、赋值行为、无父节点情况以及引用保留。
核心关键词innerHTML 和 outerHTML 区别 - 1638
insertAdjacentHTML 与设置 innerHTML 在插入内容上有什么关键差异？
围绕“insertAdjacentHTML 与设置 innerHTML 在插入内容上有什么关键差异”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答插入位点控制、不影响目标元素内部的现有节点与是否重新解析。
核心关键词insertAdjacentHTML 和 innerHTML 区别 - 1639
isSameNode 和 isEqualNode 在比较节点时有什么不同？
围绕“isSameNode 和 isEqualNode 在比较节点时有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需区分比引用同一对象与比内容结构是否相等（含属性、文本、子节点）。
核心关键词isSameNode 和 isEqualNode 区别 - 1640
MutationObserver 回调中 MutationRecord 的 target、addedNodes 和 type 分别表示什么？
围绕“MutationObserver 回调中 MutationRecord 的 target、addedNodes 和 ”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明每个变更记录的含义和对应属性值。
核心关键词MutationRecord target addedNodes 含义 - 1641
在 observe 时 childList、attributes 和 characterData 这三个选项分别监控什么变更？
围绕“在 observe 时 childList、attributes 和 characterData 这三个选项分别监控”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需准确列出分别跟踪子节点增删、属性变化和文本数据变化，不引入其他 option。
核心关键词MutationObserver observe 配置项 - 1642
MutationObserver.takeRecords 的用途和时机是什么？它和回调有什么关联？
围绕“MutationObserver.takeRecords 的用途和时机是什么？它和回调有什么关联”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答在回调尚未执行前清空队列并返回记录，适合手动处理同步记录。
核心关键词MutationObserver takeRecords 用途 - 1643
NodeList 和 HTMLCollection 有什么区别？
本题详解 NodeList 与 HTMLCollection 的区别：包含节点范围（元素 vs 所有节点）、动态与静态性、可用的数组方法。通过具体示例展示 childNodes 和 children 的差异，以及 querySelectorAll 的静态特征。帮助开发者选择正确的 API 遍历节点。
核心关键词NodeList 和 HTMLCollection 区别 - 1644
normalize 方法的作用是什么？它会在什么情况下拆分文本节点？
围绕“normalize 方法的作用是什么？它会在什么情况下拆分文本节点”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答消除空文本和合并相邻文本节点，也可能创建文本节点？但主要是清理。
核心关键词Node normalize 方法作用 - 1645
自定义元素必须定义 observedAttributes 才能收到 attributeChangedCallback 吗？
围绕“自定义元素必须定义 observedAttributes 才能收到 attributeChangedCallback”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需要说明缺省时不会调用，以及数组内属性变化才触发，但不讨论列表之外的 setAttribute。
核心关键词observedAttributes 与 attributeChangedCallback - 1646
parentNode.children 和 parentNode.childNodes 在遍历子节点时有什么区别？
本文对比 Element.children 与 Node.childNodes：前者仅枚举元素子节点，后者包含所有子节点类型。解释 live 集合行为及遍历时的坑，帮助选择正确的遍历方式。
核心关键词children 和 childNodes 区别 - 1647
querySelector 和 getElementById 在查找元素时有何不同？
本文对比 querySelector 和 getElementById 的机制差异：参数类型、返回结果、错误处理、缓存行为。通过具体场景说明如何选择，并指出重复 ID、特殊字符、动态更新等边界条件。
核心关键词querySelector 和 getElementById 区别 - 1648
缺少 <!DOCTYPE html> 会影响 DOM 树的哪些行为？
围绕“缺少 <!DOCTYPE html> 会影响 DOM 树的哪些行为”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答文档是否标准模式、某些属性的表现（如 aspect ratio），不解释 CSS 布局。
核心关键词缺少 DOCTYPE 对 DOM 的影响 quirks mode - 1649
range.cloneRange 和 range.cloneContents 的区别是什么？
围绕“range.cloneRange 和 range.cloneContents 的区别是什么”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需区分复制范围边界与复制范围包含的内容 Fragment。
核心关键词cloneRange 和 cloneContents 区别 - 1650
Range.extractContents 和 deleteContents 有什么不同？
围绕“Range.extractContents 和 deleteContents 有什么不同”给出直接结论、机制拆解、可复现验证、常见误区与追问，重点覆盖需回答是否返回被删除的节点，以及是否重新组织文档结构。
核心关键词Range extractContents 和 deleteContents 区别