交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
33浏览
D3.js 更新数据后图表不刷新怎么办？
我用 D3.js 画了一个柱状图，初始数据能正常显示，但当我用新数据调用更新函数时，柱子的高度没变。我已经用了 selectAll().data().enter().append() 这套流程，是不是...
-
2
回答
31浏览
Hammer.js 手势识别在移动端失效是怎么回事？
我用 Hammer.js 给一个图片查看器加了双指缩放和拖拽功能，在桌面浏览器测试没问题，但一到手机上就完全没反应。查了文档说要调用 touchAction，也试过设成 'none'，还是不行。 我的...
-
1
回答
34浏览
拖拽看板时元素位置错乱怎么办？
我在用 Vue 做一个看板拖拽功能，用的是原生 drag & drop API，但每次拖完卡片，它都会跑到奇怪的位置，有时候还重叠。试过用 getBoundingClientRect 和 of...
-
2
回答
30浏览
为什么 mousemove 事件在元素外还会触发？
我给一个 div 绑定了 mousemove 事件，但鼠标移出这个 div 后事件还在不断触发，这不应该啊？不是只有在元素内部才会触发吗？ 我试过用 event.target 检查，发现有时候 tar...
-
2
回答
33浏览
上传图片前如何预览并压缩，但压缩后文件变大了？
我用 FileReader 读取用户选中的图片做预览，然后想用 canvas 压缩一下再上传，结果发现压缩后的 Blob 文件反而比原图还大，这是为啥？ 我试过调整 toBlob 的 quality ...
-
2
回答
53浏览
WebRTC连接后对方看不到我的视频流是怎么回事？
我用Vue写了个简单的WebRTC视频通话功能，本地预览正常，但对方收不到我的视频流。控制台没报错，SDP交换也完成了，就是对方画面黑屏。是不是addTrack的顺序有问题？ 这是我的关键代码： &l...
-
2
回答
22浏览
Summernote编辑器内容无法换行怎么办？
我用Summernote做富文本编辑，输入文字后按回车居然不换行，而是直接提交表单了！试过加preventDefault()也没用。 查了下发现可能是样式覆盖了默认的换行行为，我项目里有这段CSS： ...
-
2
回答
54浏览
步骤进度条加载状态怎么同步到每个步骤？
我在做一个多步骤表单，想在每个步骤切换时显示加载状态，但进度条的 activeIndex 和 loading 状态总是对不上。比如点“下一步”后 loading 是 true，但进度条却还没更新到下一...
-
2
回答
28浏览
DPlayer 播放本地视频文件时路径怎么写才对？
我在用 DPlayer 播放本地 MP4 视频，但一直加载失败，控制台报 404。我试过把视频放在 public 目录下，也试过用相对路径，但都不行。是不是路径写法有问题？ 我的 HTML 结构是这样...
-
2
回答
49浏览
表单提交后怎么给用户有效的结果反馈？
我做了一个登录表单，提交后如果失败只是在控制台打了个 log，用户根本不知道发生了啥。想加个提示但不知道怎么设计才不突兀。 试过在页面顶部加个红色文字，但样式老是和其他组件打架，而且一闪就没了。下面是...
-
2
回答
29浏览
可视化编辑器中元素吸附对齐怎么实现？
我在做一个简单的可视化拖拽编辑器，想让拖动的元素靠近参考线时自动吸附对齐，但试了几次效果都不稳定。比如我设置了 10px 的吸附阈值，但有时候明明靠得很近却没对齐，有时候又跳得太远。 目前我是用 ge...
-
2
回答
57浏览
鼠标滚轮事件在不同浏览器下表现不一致怎么办？
我在做一个图片缩放功能，用的是 wheel 事件，但在 Chrome 和 Firefox 里滚动一下的 delta 值差好几倍，导致缩放速度完全不一样。试过用 event.deltaY 直接算，结果火...
-
1
回答
24浏览
TouchMove 事件中 preventDefault 无效是怎么回事？
我在做一个移动端的滑动删除功能，监听了 touchmove 事件，想阻止页面滚动，但调用 e.preventDefault() 完全没用，页面还是跟着手指上下滚。我试过在 touchstart 里也加...
-
2
回答
75浏览
AMap 地图点击事件无法触发，是哪里配置错了？
我在用高德地图 AMap 开发一个标记点功能，但给地图实例加了 click 事件监听后完全没反应。控制台也不报错，就是点地图任何地方都没触发。我确认已经引入了 AMap 的 JS API，并且地图正常...
-
2
回答
26浏览
全局提示组件在Vue中怎么调用才不会报错？
我用的是Element Plus的ElMessage做全局提示，但每次调用都提示“ElMessage is not defined”，明明已经按文档引入了啊。是我哪里没配对吗？ 我的代码是这样的： &...
-
2
回答
35浏览
二次确认弹窗怎么阻止默认提交行为？
我在做一个表单删除功能，点了删除按钮后想弹出二次确认，用户点“确定”才真的提交。但不管我怎么写，confirm 弹窗一出来，表单就直接提交了，根本没等我点确认。 我试过在按钮的 onclick 里加 ...
-
1
回答
36浏览
表单自动填充时为什么 input 值变了但 React 状态没更新？
我在用 React 做登录页，用户保存过账号密码后，浏览器自动填充用户名和密码，但发现 state 里还是空的。比如我用 useState 控制的 email 字段，虽然输入框显示了自动填充的值，但提...
-
2
回答
51浏览
模糊搜索时中文输入法下拼音还没上屏就被触发了怎么办？
我在做商品搜索框的模糊匹配，用的是 input 事件监听，但发现用户用中文输入法打拼音时，还没选词确认，搜索就提前触发了，导致搜不到结果还报错。 试过加防抖，但问题没解决，因为输入法组合阶段也会触发 ...
-
2
回答
39浏览
多步骤表单如何保持用户输入不丢失？
我在做一个多步骤注册表单，点“下一步”时页面会切换到第二步，但之前填的信息全没了，这体验太差了。试过用 state 存每一步的数据，但一刷新就清空，有没有办法在不提交的情况下暂存用户输入？ 目前结构大...
-
2
回答
40浏览
加载失败后怎么重新请求数据？
我在用 Vue 做一个列表页，第一次加载失败了，用户点“重试”按钮时没反应，不知道是不是状态没更新对。 我试过在 retry 方法里重新调用 fetchList，但 loading 状态好像卡住了，界...
