交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
33浏览
interact.js 拖拽在 Vue 中无法触发 onmove 事件？
我在 Vue 项目里用 interact.js 做拖拽，但拖动时 onmove 回调完全没反应，是哪配置错了？ 已经按文档加了 draggable，也绑定了 listeners，但就是不进 onmov...
-
2
回答
37浏览
用 useState 做动画卡顿，该怎么优化？
我在 React 里用 useState 控制一个元素的位置做简单动画，但一动就掉帧，特别卡。明明只是改个 left 值，为啥这么慢？ 试过用 requestAnimationFrame 包裹 set...
-
2
回答
40浏览
怎么把后端返回的字符串日期转成前端能用的时间格式？
我从接口拿到的日期是字符串 "2024-03-15 14:30:00"，想在页面上显示成“2024年3月15日 14:30”，但直接 new Date() 解析出来是 Invalid Date，试了 ...
-
2
回答
127浏览
为什么在 Vue 里监听键盘事件时 keyCode 不生效了？
最近在做一个搜索框的回车提交功能，发现用 event.keyCode === 13 判断回车键没反应了。查了下文档说 keyCode 已废弃，但换成 key 或 code 又不确定怎么写才兼容。我现在...
-
2
回答
82浏览
文件上传时怎么监听并显示进度条？
我用 XMLHttpRequest 上传文件，但 progress 事件好像没触发，进度条一直不动，咋回事？ 我已经绑定了 onprogress 回调，也设置了 xhr.upload.onprogre...
-
2
回答
188浏览
React中如何正确监听全局快捷键（比如Ctrl+K）？
我在写一个搜索功能，想用 Ctrl+K 触发聚焦到搜索框，但加了键盘事件监听后没反应，不知道是不是哪里写错了。 试过在 useEffect 里加 window.addEventListener，也试过...
-
2
回答
34浏览
Lottie动画加载后不自动播放怎么办？
我用Lottie加载了一个JSON动画，但页面加载完后它根本不自动播放，得手动点一下才动。明明之前项目里是自动播的，是不是哪里配置漏了？ 我试过加 autoplay: true，也检查了JSON文件没...
-
2
回答
27浏览
用 XMLHttpRequest 上传文件时进度条不更新怎么办？
我用 XMLHttpRequest 做了个文件上传功能，想加个进度条，但 onprogress 回调根本没触发。试过把监听写在 open 之前和之后，都不行。后台接口是正常的，文件能传上去。 这是我的...
-
2
回答
32浏览
如何自定义通知提示框的显示位置？
我用的是 Ant Design 的 notification 组件，现在想让提示框出现在页面右侧中间的位置，而不是默认的右上角。试过改 placement 属性，但好像只支持四个角落，没有中间选项。 ...
-
2
回答
48浏览
Summernote初始化后无法获取编辑内容怎么办？
我用Summernote做了一个简单的富文本编辑器，初始化没问题，但点保存时拿不到用户输入的内容，一直返回空字符串。明明页面上能正常输入文字啊。 我试过用 $('#summernote').summe...
-
2
回答
44浏览
加载遮罩怎么才能盖住整个页面？
我做了一个全局加载遮罩，但发现它只盖住了视口，滚动后下面的内容还能操作，这不就失去遮罩意义了吗？ 我试过用 fixed 定位加 100% 宽高，但页面内容很长时，遮罩层高度还是只有当前屏幕那么高。是不...
-
2
回答
23浏览
富文本协同编辑时如何解决光标错位问题？
我在用 Yjs + Quill 做富文本协同编辑，本地操作没问题，但多人同时编辑时，别人的光标经常跳到错误位置，甚至插入内容错乱。 我试过监听 selection-change 事件同步光标，也用了 ...
-
2
回答
24浏览
右滑编辑列表项时如何防止内容被意外选中？
我在做移动端的待办事项列表，想实现右滑出现“编辑”按钮的效果。但手指滑动时经常误触选中文本，体验很糟。 试过加 user-select: none，但只对静态内容有效，滑出的按钮还是会触发选择。是不是...
-
2
回答
3,523浏览
Prompt输入框怎么自定义样式和内容？
我用 alert() 和 prompt() 做交互提示，但默认的弹窗太丑了，而且不能改按钮文字。试过自己写一个 modal 来模拟 prompt，但不知道怎么让它像原生那样阻塞代码执行。 比如下面这段...
-
2
回答
36浏览
FastClick 引入后点击事件反而变慢了？
我在移动端项目里引入了 FastClick，本来是想解决 300ms 延迟问题，但发现某些按钮点击后响应反而更慢了，甚至有时候要点两次才触发。我用的是 FastClick.attach(documen...
-
2
回答
43浏览
流程设计器中节点拖拽后位置偏移怎么解决？
我在用 HTML5 做一个简单的流程设计器，节点用 div 表示，加了 draggable="true" 实现拖拽。但每次拖完松手，节点都会突然往下或往右偏移一段距离，感觉像是 offset 计算错了...
-
1
回答
33浏览
React 里用 presigned URL 上传文件到 S3 为啥总报 403？
我用后端生成的 presigned URL 在前端直接 PUT 上传文件，但每次都是 403 Forbidden。CORS 和权限策略都检查过了，应该没问题啊？ 下面是我用 React 写的上传逻辑，...
-
2
回答
36浏览
拖拽网格时元素位置错乱怎么办？
我在做一个可拖拽的网格布局，用的是原生 HTML5 的 drag & drop API。每个格子都是绝对定位，但一拖动就跑到奇怪的位置，根本对不齐网格线。 我试过在 dragover 事件里用...
-
2
回答
57浏览
Canvas图表在Vue中无法正确重绘，数据更新后画面还是旧的怎么办？
我在用Vue做动态图表，每次数据变了就调用drawChart()重绘Canvas，但画布上还是显示老数据，好像没刷新一样。是不是要手动清空画布？ 试过在drawChart开头加clearRect，但有...
-
2
回答
771浏览
前端导出Excel时中文乱码怎么办？
我用Blob和URL.createObjectURL做Excel导出，但下载的文件里中文全是乱码，英文正常。试过加charset=utf-8也不行，是不是编码方式不对？ 这是我的导出按钮和触发代码： ...
