交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
62浏览
用requestAnimationFrame写的动画为什么会偶尔卡顿？
我在用JS写一个简单的位移动画，用requestAnimationFrame控制帧率，但发现动画偶尔会出现卡顿。代码看起来没问题，尝试过把时间间隔改成16ms还是没改善，这是为什么啊？ 这是我的代码：...
-
2
回答
90浏览
Hammer.js双指缩放时为什么会触发点击事件？
在移动端网页里用Hammer.js给图片绑定了双指缩放和点击事件，但每次缩放结束后总会意外触发点击跳转。试过在缩放事件里用event.stopPropagation()也不行... const mc ...
-
2
回答
43浏览
Notification请求权限时总提示”被拒绝”怎么办？
我按文档写了Notification请求权限的代码，但每次调用Notification.requestPermission()都直接返回'denied'状态，明明之前没授权过啊... 尝试过在用户交互...
-
2
回答
37浏览
为什么用Fuse.js搜索中文时，部分匹配项出现在前面？
在用Fuse.js做中文搜索时，发现包含完整关键词的条目反而排在后面，比如搜索"苹果"时，"苹果手机"排第3位，而"红苹果"排第1位，这是什么原因？ 我按文档设置了 const fuse = new ...
-
2
回答
32浏览
React中使用dragula拖拽后状态没更新怎么办？
我在用dragula实现卡片拖拽功能，但拖拽完成后状态数组没有同步更新。虽然能看到DOM变化，但console.log显示state还是原来的顺序。 尝试过在dragula选项里设置removeOnS...
-
2
回答
45浏览
点击按钮后引导说明层无法隐藏怎么办？
我在做表单引导功能时，给新手用户添加了引导说明层，但点击关闭按钮后样式没变化。按照文档写了个toggle类名的方法，检查了代码也没发现语法错误，但就是不生效： document.querySelect...
-
2
回答
175浏览
动态添加的DOM元素为什么无法触发Click事件？
我在给动态渲染的商品列表绑定点击事件时遇到问题。用document.querySelectorAll('.item')获取元素后循环添加了click事件监听器，但新增的DOM元素点击没反应。我尝试过用...
-
2
回答
37浏览
为什么我的CSS动画缓动函数效果不自然？
我给按钮添加了ease-in-out缓动效果，但悬停缩放动画看起来还是生硬。代码都对得上啊，是不是缓动函数选错了？ <style> .button { transition: all 0....
-
2
回答
58浏览
百度地图API加载后地图区域显示空白怎么办？
我在用百度地图API初始化地图时，页面上只显示灰色容器，地图内容完全空白。按照官方文档写了初始化代码，也确认了AK有效，DOM容器也存在。 尝试过设置容器固定宽高，甚至用setTimeout延迟初始化...
-
2
回答
82浏览
为什么用FormData上传文件时后端接收不到文件内容？
我在做文件上传功能时遇到奇怪的问题。用FormData提交表单时，后端说没收到文件字段。前端代码是这样的： .input-file { opacity: 0; width: 100px; height...
-
2
回答
31浏览
Plyr初始化时控制条不显示，如何排查解决？
我用Plyr给视频添加播放控件，但初始化后控制条和进度条都没显示。已经按照文档引入了CSS和JS，HTML结构也检查过没问题。 尝试过在控制台用player.enable查看是否初始化成功，返回tru...
-
2
回答
272浏览
React全局快捷键在输入框时无法触发怎么办？
我在React项目里用document监听全局快捷键，但输入框聚焦时按Ctrl+S完全没反应。已经试过用捕获阶段和冒泡阶段，代码是这样的： useEffect(() => { const han...
-
2
回答
69浏览
为什么我的拖拽功能在拖动时无法触发dragover事件？
我在做文件上传功能时遇到了问题，用拖拽上传图片。目标区域绑定了dragover和drop事件，但拖动文件到目标区域时，dragover事件完全没反应，drop事件倒是能触发。我试过在dragover里...
-
2
回答
50浏览
移动端手势滑动动画卡顿如何优化？
我在用CSS transform实现图片拖拽缩放时，手指滑动动画特别卡顿，尤其是在安卓低版本机型上。尝试过给元素加will-change: transform和用requestAnimationFra...
-
2
回答
44浏览
画布元素拖拽时定位偏移如何解决？
在实现画布元素拖拽功能时，发现元素移动过程中定位总是偏移大概20px左右，调试半天没找到原因。我用mousedown记录初始位置，mousemove实时更新top/left，但实际位置不对： let ...
-
2
回答
88浏览
移动端左右滑动和上下滑动手势冲突怎么处理？
在移动端页面里，同时存在左右滑动切换卡片和上下滑动页面的需求，但左右滑动总是被页面滚动劫持了。我用hammer.js监听了panstart事件，尝试通过event.direction判断方向再调用ev...
-
2
回答
40浏览
流程设计器节点拖拽后位置不更新，如何解决？
用Konva.js做流程设计器时，节点拖拽后坐标没及时更新。我监听了dragend事件，用setPosition手动更新，但节点总偏移原位置。之前尝试过在回调里同步状态到React组件，发现Konva...
-
2
回答
59浏览
Vue表单提交时创建和更新逻辑怎么区分？
在用Vue做CRUD时遇到了问题，同一个表单既用来创建新数据又用来更新现有数据。但提交时无论怎么改，更新操作总是触发创建接口。 我尝试在data里用isEditing标记状态，然后根据这个值切换表单标...
-
2
回答
42浏览
拖拽树形节点到子节点时层级结构变乱怎么办？
在做部门管理树形结构拖拽时，遇到拖拽父节点到子节点位置，保存后的数据层级完全错乱。我用Vue3+Sortable.js实现，设置了group和animation，拖拽时视觉显示没问题，但更新数据时发现...
-
2
回答
33浏览
tiptap编辑器保存时如何正确获取HTML内容？
我用tiptap搭建了一个富文本编辑器，想在表单提交时获取编辑器内容。按照文档用了editor.getHTML()，但控制台提示editor is not a function。 初始化代码是这样的：...
