交互
探索用户交互全链路疑问，解答交互设计、动效实现与体验优化中的各类交互难题。
-
2
回答
39浏览
VeeValidate 表单验证后怎么手动清除错误信息？
我用 VeeValidate 做表单验证，提交失败后错误信息一直显示，切换到其他页面再回来还是存在。试过 resetForm() 但好像没生效，是不是用法不对？ 这是我的组件代码： <templ...
-
2
回答
42浏览
自定义表单校验规则不生效怎么办？
我在用原生 JavaScript 做一个注册表单，想对手机号做自定义校验，但写了验证函数后发现不管输什么都没反应，错误提示也不显示。我试过在 onblur 事件里调用校验函数，也绑定了 onsubmi...
-
2
回答
25浏览
Hotkeys.js 为什么监听 Ctrl+Enter 没反应？
我用 Hotkeys.js 想监听 Ctrl+Enter 组合键，但死活不触发回调，其他快捷键比如 'a' 或 'ctrl+a' 都正常。 代码是这样写的：hotkeys('ctrl+enter', ...
-
1
回答
21浏览
鼠标移入元素时 Tooltip 位置计算不准怎么办？
我用原生 JS 写了个简单的 Tooltip，但鼠标移到按钮上时提示框老是偏移，有时候还跑到屏幕外面去了。明明用了 getBoundingClientRect() 获取位置，为啥还是对不齐？ 这是我的...
-
2
回答
37浏览
点击按钮播放音效时为什么有时没声音？
我在做一个小游戏，想在用户点击按钮时播放一个“叮”的音效。但有时候点了很多下都没声音，刷新页面后又好了。我试过用 new Audio() 创建音频对象，也试过提前加载，但问题还是偶尔出现。 是不是浏览...
-
2
回答
28浏览
CSV导出中文乱码怎么解决？
我用JavaScript把表格数据导出成CSV文件，英文正常，但中文全是乱码，试过加BOM头还是不行。 现在导出的代码是这样的： const csvContent = "data:text/csv;c...
-
2
回答
52浏览
VeeValidate 表单验证时如何动态修改错误提示样式？
我用 VeeValidate 做表单验证，现在想根据验证状态动态改变错误信息的样式，比如输入框无效时让错误文字变红。但发现默认的 <ErrorMessage> 组件好像没法直接加 clas...
-
2
回答
77浏览
Spring动画参数调不好，效果太弹了怎么办？
我在用 Framer Motion 做一个菜单展开的 Spring 动画，但调出来的效果特别“弹”，来回震荡好几次才停住，看起来很不自然。我试过改 damping 和 stiffness，但要么还是弹...
-
2
回答
88浏览
表单验证时如何实时监听输入并动态显示错误提示？
我正在做一个注册表单，想在用户输入时就实时验证邮箱格式，但不知道怎么把验证逻辑和DOM更新结合起来。试过用input事件监听，但错误信息总是显示不对。 比如下面这段代码，输入非法邮箱时没反应，控制台也...
-
2
回答
41浏览
双击事件怎么和点击事件不冲突？
我在做一个图片预览功能，想实现单击选中、双击放大。但加了 dblclick 之后，每次双击都会先触发一次 click，导致逻辑混乱。 试过用 setTimeout 延迟 click 判断，但感觉很卡，...
-
2
回答
41浏览
为什么监听键盘快捷键时 preventDefault 不生效？
我在做一个富文本编辑器，想用 Ctrl+B 实现加粗功能。但按下 Ctrl+B 时浏览器还是会触发默认的“书签”行为（比如 Chrome 会打开书签栏），我明明已经调用了 preventDefault...
-
2
回答
48浏览
PullToRefresh 在移动端列表里为啥不生效？
我用的是原生 JS 实现的下拉刷新，监听 touch 事件做的，但在 iOS Safari 上完全没反应，安卓部分机型也偶尔失灵。 试过加 touch-action: none，也阻止了默认滚动，但还...
-
2
回答
56浏览
Vue Draggable 拖拽后数据顺序没更新是怎么回事？
我用 Vue Draggable 做了个列表拖拽排序，但拖完之后 data 里的数组顺序没变，明明绑定了 v-model 啊。 我试过用 :list.sync 和 v-model 两种方式，都不行。控...
-
2
回答
44浏览
上拉加载时怎么判断滚动到底部了？
我在做移动端列表的上拉加载，监听 scroll 事件后用 scrollTop + clientHeight >= scrollHeight 判断是否到底，但有时候会触发多次，甚至在还没到底的时候...
-
2
回答
30浏览
Vue中如何正确监听Shift键组合的键盘事件？
我在做一个快捷键功能，想用 Shift + A 触发某个操作，但发现单独判断 event.shiftKey 有时候不生效，特别是在某些输入框里。我试过在 @keydown 里加修饰符，也试过手动判断 ...
-
1
回答
55浏览
Cesium中如何监听地图点击事件并获取经纬度？
我在用Cesium做地图应用，想实现点击地图时弹出当前点的经纬度，但不知道怎么绑定点击事件。试过用viewer.screenSpaceEventHandler，但拿到的坐标是笛卡尔坐标，转成经纬度后数...
-
2
回答
135浏览
表单回填时数据不显示怎么办？
我从接口拿到用户信息后，想把数据回填到编辑表单里，但输入框一直是空的。明明 console.log 能看到数据，赋值也用了 this.form = res.data，可页面就是没更新。 是不是 Vue...
-
2
回答
31浏览
用 SortableJS 实现拖拽排序时，为什么列表项拖动后位置不对？
我用 SortableJS 做一个简单的拖拽排序功能，但拖完之后元素位置乱了，有时候还重叠。明明结构看起来没问题啊？ 下面是我的 HTML 结构： <ul id="sortable-list"&...
-
2
回答
36浏览
拖拽元素时卡顿严重，怎么优化性能？
我在做一个看板功能，用原生 drag 和 drop API 实现卡片拖拽，但元素一多就特别卡，尤其在移动过程中明显掉帧。 试过用 transform: translate() 替代 top/left，...
-
2
回答
59浏览
通知提示怎么实现手动关闭后不再自动显示？
我用 Vue 做了个页面顶部的通知提示，希望用户点“关闭”按钮后就彻底隐藏，但每次刷新页面它又出现了。明明已经加了 v-if 控制，是不是状态没保存？ 试过用 localStorage 存 isSho...
