交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
124浏览
双击事件和单击事件冲突了怎么办？
我在做一个可编辑的列表，想实现单击选中、双击编辑的功能，但发现双击的时候总会先触发一次单击事件，导致编辑框刚弹出来又被取消选中了，体验特别差。有没有办法把这两个事件分开处理？ 我试过用 setTime...
-
1
回答
48浏览
吸顶效果在滚动时闪烁跳动怎么办？
我在做商品详情页的导航栏吸顶效果，用的是监听 scroll 事件然后切换 fixed 定位。但每次滚动到临界点的时候，导航栏会突然闪一下，甚至页面内容会跳动，体验特别差。 我试过用 position:...
-
2
回答
85浏览
为什么在 Vue 中监听键盘事件时 keyCode 不生效了？
我之前用 keyCode 判断按键，比如回车键是 13，但最近发现不工作了，控制台还报 warning。是不是被废弃了？那现在该怎么正确判断按键？ 我试过改成 key 或 code，但有时候还是拿不到...
-
2
回答
29浏览
Smooth Scroll 在 Safari 上为什么不生效？
我在项目里用了 scroll-behavior: smooth; 实现页面锚点平滑滚动，Chrome 和 Firefox 都没问题，但在 Safari 上完全没效果，还是瞬间跳转。 查了下资料说 Sa...
-
1
回答
46浏览
AOS动画在页面滚动时为什么不触发？
我用AOS库给页面加了淡入动画，但滚动到元素位置时完全没反应，控制台也没报错。初始化代码是这么写的： AOS.init({ duration: 1000, once: true }); HTML里也加...
-
2
回答
89浏览
富文本编辑器表格跨行跨列合并失效怎么办？
用Quill做表格编辑时，按文档配置了表格模块的mergeCells为true，但选中单元格右键菜单里始终没有合并选项。尝试过手动调用merge方法，却报错"mergeRow is not a fun...
-
2
回答
92浏览
为什么Vue的Transition组件切换元素时动画没生效？
用Transition包裹动态组件切换时动画完全没反应，检查CSS也没问题，这是什么情况啊？ 我的代码是这样的： <template> <div> <button @cl...
-
2
回答
111浏览
拖拽组件后属性修改无法实时同步到预览区怎么办？
用Vue做LowCode编辑器时，拖拽组件到画布后，属性面板的修改无法实时同步到预览区。我用v-model绑定了组件属性，但手动改值后预览没变化。 尝试过用this.$set强制更新，但数组里的组件对...
-
2
回答
159浏览
搜索框输入时动态高亮列表项为什么会闪烁？
最近在做搜索组件，想实现输入时动态高亮匹配项。用JavaScript把匹配的关键词用<mark>标签包裹，但滚动列表时高亮会闪一下，而且原来的颜色样式被覆盖了。我试过给mark加!impo...
-
2
回答
76浏览
手势缩放动画在触摸结束后自动回弹怎么办？
折腾了一下午移动端手势缩放，用CSS的transform和transition写了个缩放动画。但发现当手指离开屏幕后，元素会自动回弹到原始大小，该怎么让它保持最终状态呢？ 我尝试过在touchend时...
-
2
回答
46浏览
为什么TouchEnd事件在快速滑动后会重复触发？
我在做移动端滑动删除功能时，给元素绑定了touchstart和touchend事件。但发现当手指快速滑动后突然抬起，touchend会触发两次，导致删除逻辑执行两次。代码逻辑看起来没问题，但测试多次还...
-
2
回答
55浏览
表单提交后动态提示框总闪烁怎么办？
我在做用户注册表单时想在提交后显示成功/错误提示，用setTimeout模拟后端响应后，用Vue的v-if切换提示框。但每次提示框出现时会先闪一下默认位置再跳到正确位置，这该怎么解决？ 尝试过给提示框...
-
2
回答
63浏览
导出CSV时为什么文件内容总是空的？
在做数据导出功能时，用Blob生成CSV文件，但下载后文件内容一直是空的。明明控制台打印数据是正常的... 尝试用字符串拼接方式导出，代码类似这样： const csvContent = "id,na...
-
2
回答
37浏览
WebSocket断线后自动重连机制如何实现？重连时旧连接未关闭导致连接爆炸怎么办？
我在开发聊天功能时用WebSocket做实时通信，写了个自动重连逻辑。但发现网络波动时会出现多个连接实例同时存在，服务端返回403错误，控制台提示"WebSocket is already in CL...
-
2
回答
44浏览
地图多边形边框在缩放时变细甚至消失怎么解决？
我在用Leaflet做地图区域绘制时遇到个怪问题，用户画多边形标记后，当放大地图到一定层级，边框会突然变细甚至消失。之前用CSS设置了.leaflet-polygon { border: 3px so...
-
2
回答
40浏览
Vue中Alt键组合检测失效，event.altKey总是false怎么办？
我在用Vue做一个输入框的快捷键功能，想用Alt+Enter切换输入模式。但发现无论怎么按Alt键，event.altKey都返回false。代码里绑定了keydown事件，还试过加.prevent修...
-
2
回答
115浏览
移动端手势滑动时点击穿透怎么解决？
在做卡片左右滑动删除功能时，发现手指抬起瞬间会触发下方按钮的点击事件。试过给滑动层加pointer-events: none，但阻止了滑动操作。后来用event.stopPropagation()包裹...
-
2
回答
62浏览
视频截图时如何让水印始终显示在图片右下角？
在用HTML5视频标签做截图功能时，想给截图添加固定位置的水印，但发现水印位置总不对。我尝试在canvas上先画视频帧再叠加水印图片，但缩放后水印要么偏移要么覆盖主要内容： <video id=...
-
2
回答
43浏览
Vue3中如何实现全局加载状态且不影响子组件数据刷新？
我在用Vue3+Pinia开发时遇到个问题：需要在接口请求时显示全局加载遮罩，但发现当多个接口同时请求时，loading状态会提前关闭。我尝试在main.js里用ref管理loading计数： con...
-
1
回答
95浏览
拖拽排序时为什么其他元素会跟着一起移动？
在用Sortable.js做列表拖拽排序时，发现拖拽某个列表项时，旁边的删除按钮也会被拖动，看起来很奇怪。我尝试给按钮加了position: fixed，但拖拽的时候按钮会移出可视区域，这该怎么处理啊...
