前端/移动开发面试题更新 2026-08-05
场景题:有一个正方形元素,请实现鼠标移入和移出时显示不同的提示,并且点击正方形内部与点击正方形外部时也要显示不同的提示。
海康威视前端/移动开发编码实现问题拆解技术原理
考察说明
考察事件处理、目标元素判断及事件冒泡与边界处理能力
回答思路
- 明确区分 mouseenter/mouseleave 与 mouseover/mouseout 的差异及使用场景
- 通过事件对象判断点击目标是否为正方形内部,处理事件冒泡影响
- 覆盖边界情况:正方形边缘、内部子元素等
- 合理清理事件监听、避免内存泄漏
本题附完整参考答案与评分标准
登录后可查看结构化答题指导;也可以直接开一场模拟面试,AI 面试官用本题实时追问并给出评分。