如何在JS或CSS中使用svg作为鼠标光标？

文章/答案/技术大牛

发布

1回答

javascript、html、css、svg

当我试图使svg成为悬停图像的光标时，我遇到了麻烦。class="main"> <div class="image2"></div><svgclass="arrowWrapper" version="1.1

浏览 27提问于2020-02-12得票数 1

2回答

CSS光标背景颜色？

html、css

我想创建一个红色圆圈的光标。我在想，也许有一种方法可以编辑光标的背景颜色，然后添加一个边界半径来创建一个圆。这个是可能的吗？注意:我不想使用像cursor: url(img.jpg)这样的东西，我只想通过css给光标着色。

浏览 3提问于2017-06-01得票数 0

4回答

拖动SVG元素上的游标将光标更改为Webkit (Chrome/Safari)上的I-波束(例如

google-chrome、webkit、svg、cursor、drag

在svg内部的任何地方，我尝试过的解决方案没有效果将CSS游标更改为拖动的svg元素为“!important"changing CSS游标为根svg元素”CSS游标到html正文元素的默认!important"using为！important“using:默认！i

浏览 6提问于2011-09-15得票数 3

2回答

d3 v4变焦事件不触发鼠标轮/触摸屏

javascript、d3.js、svg

我正在按文档中的指示调用缩放行为，但是当使用鼠标轮或触摸屏进行缩放时，回调不会执行。我使用的是最新版本的铬： var some_svg_rect = some_svg.append.attr("width",900)

浏览 6提问于2017-09-15得票数 4

回答已采纳

1回答

在Firefox中使用滚动条实现SVG中的坐标变换

firefox、scroll、svg、horizontal-scrolling、vertical-scrolling

当从FireFox中查看SVG文件时，当滚动条出现时，我正试图在用户坐标空间中从Javascript代码中计算正确的鼠标坐标。但这并不完全正确。我遇到的问题是滚动条的坐标偏移量:当Firefox中的SVG元素上存在滚动条时，鼠标坐标转换是不够的。作为了解坐标转换的调试辅助工具，我正在使用一个简单的SVG文件，该文件包含Javascript处理程序，所有这些处理程序都在一个文件中，它只是在鼠标

浏览 2提问于2010-08-11得票数 2

回答已采纳

1回答

用纯CSS3/HTML5实现基于Web的数据可视化？

html、css、charts、mapping

至少有一些基本的绘图可以在没有JS库的情况下完成，比如D3 / Anychart / Charts.js等。映射交互是可选的。

浏览 3提问于2015-07-03得票数 0

4回答

将光标悬停在Kendo UI条形图的条形图上时，如何将光标切换到指针光标

javascript、jquery、css、svg、kendo-ui

我有一个Kendo UI Datavis条形图，我希望在将指针(手)光标悬停在图表中的条形图和这些条形图的标签上时显示其指针(手)光标。当移出图表中的条形图时，光标应返回到标准箭头指针。我还希望光标在悬停在x轴(底部)标签上时切换到指针光标。我如何在CSS文件中使用

浏览 2提问于2013-01-02得票数 2

回答已采纳

3回答

可以给游标指定z-index吗？

javascript、css

我猜没有，但如果能用CSS或Javascript设置光标的z-index就太好了。或者在我当前的例子中，一些具有悬停和单击操作的SVG路径。如果我可以将按钮或SVG z-index设置为0，光标的z-index设置为1，图像覆盖z-index为2，那就太好了！鼠标将移动到覆盖图的下方，并且仍然能够点击按钮。与有效的z-index (光标实际所在的层)分开设置可视z-index (光标显示为哪一层)

浏览 0提问于2013-05-02得票数 6

回答已采纳

2回答

D3.jsmouseover事件也应到达圆圈的内部区域

javascript、d3.js、svg

svg.selectAll("circle") console.log("mouse over").on("mouseout", function(d) { }); 当指针位于红色圆圈线时，将触发鼠标对事件，而当指针超出红色圆圈线时，将触发鼠标退出事件

浏览 4提问于2015-07-17得票数 1

回答已采纳

2回答

在SVG世界地图上叠加工具提示样式数据

javascript、svg、tooltip

我有一个SVG地图的世界(基于一个)，与生成的CSS突出显示个别国家。我需要这是作为</

浏览 0提问于2012-05-01得票数 2

回答已采纳

1回答

如何在CSS* / DOM中实现大小调整*

javascript、css、dom

上下文现在，我注意到在CSS/DOM中，我有“鼠标超过”事件--我将如何在CSS / DOM / JavaScript中实现这样的东西？做一些复杂的手动鼠标跟踪，以

浏览 3提问于2012-07-02得票数 1

回答已采纳

3回答

JQuery隐藏鼠标(如果鼠标不动

javascript、jquery、html

如果鼠标一段时间没有移动，我会试着把它藏起来。这是我使用的代码： var j; clearTimeout(j); j = setTimeout('hide();', 1000);});function

浏览 0提问于2012-05-12得票数 7

1回答

是否有可能在`<textarea>`中获取鼠标光标下的单词？

javascript、jquery、html

是否可以在<textarea>中获取鼠标光标下的单词我见过很多次关于<p>标签或类似的html输出标签(如 )中的文本的问题，但基于<span>的解决方案不适用于<textarea>，原因很明显。我曾经考虑过的一种方法是触发一个jQuery click()事件来放置光标，然后使用像Tim Down的answere 这样的东西来根据光标位置获取当前单词。但是click()事件似乎根本不会

浏览 0提问于2012-03-27得票数 2

2回答

如何用Selenium在ruby中检查网页上鼠标光标的形状

ruby、web、mouseover

我正在为一个ruby web项目编写单元测试(使用PageObject gem，如果其中有任何功能可以帮助我的话，我也在使用Selenium进行这些测试)。当鼠标光标悬停在链接上时，我需要检查鼠标光标是否变为指向的手。有没有办法用ruby检查这个？可能是使用鼠标悬停或类似的功能？

浏览 0提问于2014-02-18得票数 0

4回答

如何在可拖放对象上将光标样式设置为“可移动”

javascript、html、draggable

我正在使一个元素(id="moveable1")具有可拖动/可移动的Scriptaculous：使用javascript--我如何才能最好/最简单地将光标样式更改为“move”(而不是使用CSS )，也就是说，如果没有javascript，它并不表示可移动)。我希望能找到它作为一个圣经的选择，但没有；

浏览 5提问于2019-11-25得票数 1

1回答

d3.js中的转换挂起

javascript、d3.js

我在d3.js (fiddle)中的一个简单动画中遇到了问题我的目标是当鼠标悬停在红色方块上时，圆圈向下移动50个像素。当光标悬停在红色方块右上角/左上角的圆上方时，圆将平滑过渡。但是，当我的光标悬停在红色正方形左下角的圆圈内或圆圈下方时，圆圈要么停止移动，要么根本不移动。我想这与我的动画功能有关。和js的新手。下面是一段代码： const svg = d3.select('svg'); co

浏览 33提问于2020-12-29得票数 1

回答已采纳

1回答

如何停止HTML表单字段中的文本突出显示

javascript、css、highlight、html-input、form-fields

当用户选择使用游标时，我要做的是停止输入字段(HTML表单字段)的文本高亮显示。如果用户试图在输入字段中选择全部或部分文本，光标应停止在用户启动鼠标的索引处，单击鼠标左键。就像这样这应该是用户应该能够在用户想要的任何索引中定位光标，但是用户不应该能够突出显示文本。我不是CSS方面的专家。有什么解决办法吗？JS解决方案将是setSelectionRange或createTextRan

浏览 1提问于2013-02-08得票数 2

2回答

使用“等待/加载”光标作为背景图像

javascript、css

所以我使用Chrome，我非常喜欢他们的“游标:等待”的风格。我怀疑这是可能的，但它是否可能用作背景图像在一个div，而不是在悬停或我的鼠标在哪里？还是我找到文件并将其放在本地的唯一选择？

浏览 3提问于2015-06-26得票数 0

回答已采纳

2回答

如何在任何打开的窗口中获取鼠标下的文本

c#、winapi、mouseover

我想产生一个字典，这是类似于纳西斯或Easylingo，使用户能够使用鼠标，只需在任何应用程序上移动光标，然后程序检测到该词，并将找到该特定词的含义。我的问题是如何在任何应用程序(如Microsoft office或Web浏览器等)中检测屏幕上鼠标光标下的单词。非常感谢您的合作。

浏览 0提问于2011-06-17得票数 2

1回答

无论我使用哪种CSS，Canvas onmousedown都会导致文本光标

javascript、css、html、canvas、dhtml

事实证明，如果您尝试使用CSS设置光标的样式(如隐藏或使用十字光标)，则当您激发onmousedown事件时，光标将更改为文本光标。这是我注意到的实验中的代码片段：snap_mouse_by=10; var X=evt.clientX; //set mouse coord

浏览 0提问于2013-01-13得票数 2

回答已采纳

点击加载更多