鼠标交互
本话题发布鼠标交互相关的问答文章和技术分享，将持续更新，为您推荐了11篇问答，访问即可查看更多精彩内容。
-
2
回答
68浏览
为什么点击事件在动态添加的元素上不生效？
我用 JavaScript 动态创建了一些按钮，然后想给它们绑定 click 事件，但点击完全没反应。我试过直接用 element.onclick = ... 的方式，也试过 addEventList...
-
2
回答
57浏览
如何在React中实时绘制鼠标移动轨迹？
我在做一个画板功能，想记录并实时显示鼠标移动的路径，但发现轨迹断断续续，甚至有时候根本不显示。我监听了 mousemove 事件，并把坐标存到 state 里，然后用 SVG 的 polyline 渲...
-
1
回答
23浏览
如何监听鼠标侧键点击事件？
我在做一个需要支持鼠标侧键操作的网页应用，但发现常规的 click 事件根本捕获不到侧键（比如前进/后退那两个按键）。我试过用 mousedown，但 event.button 的值在不同浏览器里表现...
-
2
回答
34浏览
右键菜单怎么阻止默认浏览器菜单弹出？
我在做一个自定义右键菜单的功能，但每次右键点击时，浏览器自带的菜单还是会弹出来，盖住我自己的菜单。我试过用 preventDefault()，但好像没生效，是我哪里写错了吗？ 这是我的 HTML 结构...
-
2
回答
111浏览
Hover效果在移动端不生效怎么办？
我给按钮加了 hover 样式，在电脑上鼠标移上去没问题，但在手机上点按完全没反应，试过加 :active 也不行。 是不是移动端根本不支持 hover？那该怎么实现类似的效果？比如点一下变色那种。 ...
-
2
回答
30浏览
为什么 mousemove 事件在元素外还会触发？
我给一个 div 绑定了 mousemove 事件，但鼠标移出这个 div 后事件还在不断触发，这不应该啊？不是只有在元素内部才会触发吗？ 我试过用 event.target 检查，发现有时候 tar...
-
1
回答
34浏览
鼠标跟随动画怎么实现才不卡顿？
我在做一个鼠标跟随的小圆点效果，但一动起来就特别卡，尤其在高分辨率屏幕上。我试过用 mousemove 监听然后直接改元素的 left/top，但性能很差。 是不是应该用 transform？或者加个...
-
1
回答
21浏览
鼠标移入元素时 Tooltip 位置计算不准怎么办？
我用原生 JS 写了个简单的 Tooltip，但鼠标移到按钮上时提示框老是偏移，有时候还跑到屏幕外面去了。明明用了 getBoundingClientRect() 获取位置，为啥还是对不齐？ 这是我的...
-
2
回答
175浏览
动态添加的DOM元素为什么无法触发Click事件？
我在给动态渲染的商品列表绑定点击事件时遇到问题。用document.querySelectorAll('.item')获取元素后循环添加了click事件监听器，但新增的DOM元素点击没反应。我尝试过用...
-
2
回答
131浏览
为什么我的悬浮效果在子元素上失效了？
我最近在做一个导航栏的hover效果，当鼠标悬停在父元素上时，子菜单会从左边滑出。但发现当鼠标移动到子菜单区域时，效果会突然消失。我试过给父元素加:hover，子元素用transition，但问题依旧...
-
2
回答
102浏览
画笔工具在鼠标快速拖动时线条断断续续怎么办？
我正在用canvas做画笔工具，当鼠标快速拖动时线条会出现明显的断点，看起来特别不连贯。我用了mousedown记录起点，然后mousemove实时绘制线条，但测试发现： 尝试过在mousemove里...
