草庐IT

鼠标移动速度

全部标签

javascript - 在鼠标悬停时显示 d3.layout.force 链接工具提示

如何在鼠标悬停在D3有向图布局中的链接上实现工具提示?我正在改编D3force示例,因此使用如下代码设置节点工具提示非常简单:node.append("title").text(function(n){returnn.id;});对链接尝试类似的技术并没有导致鼠标悬停在工具提示上:varlink=svg.selectAll("line.link").data(json.links).enter().append("line").attr("class","link").style("stroke-width",function(d){return4;});link.append("ti

javascript - 如何使SVG图像图案填充随对象移动?

我有一些使用fill="url(#background)的平铺图像背景的SVG对象,我将#background定义为模式仅包含一个image。但是,当对象通过设置其x/y属性(或cx/cy,或任何其他定义偏移量的内容),背景不会随之移动。如何让背景也移动?来自HowwouldImoveanSVGpatternwithanelement我尝试设置patternContentUnits='objectBoundingBox'但这只会将图像变成纯色Blob(不过奇怪的是,根据图像着色,就好像它只是第一个像素或类似的像素).这是一个说明所有这些的jsfiddle-顶部的rect已变成纯色,然后

javascript - 如何在移动元素后更新包含元素列表的 jQuery 对象

有一个元素列表,比方说一些图片:我选择它们并将结果存储在一个变量中:varelements=$('img');现在我想把最后一张图片放到第一个位置。它像这样工作得很好:elements.first().before(elements.last());在那之后,对象elements自然仍然按照它们之前的顺序保存值。我可以在轮类后再次查询来更新它:elements=$('img');但是当我已经将所有元素放在一起时运行另一个查询似乎效率低下。此外,由于它不是数组,因此无法正常工作:elements.unshift(elements.pop());在这种情况下更新对象列表的最佳方法是什么?

javascript - 获取鼠标相对于饼图的位置(方程式)

我已经从一组数据创建了一个Canvas饼图,我现在试图定位鼠标相对于饼图的位置,以检测悬停在哪个数据部分。我快到了,但我被一个等式困住了。我的逻辑运行良好,所以我认为这更像是一道数学题,但我会看看其他人对我的方法有何看法。这是我的饼图和我正在使用的变量:图像上列出的变量是我必须使用的变量(mouseX、mouseY、距中心的距离、半径、圆周率(圆周率)和数据点在圆周上相对于圆周率的部分)。图表的起始部分从右边开始,从pi*2的0开始到pi*2的100%,然后灰色部分的起始位置为1.34...相对于pie*2和结束2.228的位置...我目前的主要问题是使用像素测量来计算它相对于pi的位

Javascript bootstrap 在鼠标位置打开下拉菜单

我希望我的bootstrap下拉菜单位于鼠标位置。由于某种原因,pageX和pageY是错误的。为了更正位置,我必须从x和y中添加或减去。但是,如果我然后放大或缩小,X和Y又不正确了。我已经尝试了一切。这是其中之一..HTML:MenuLink1Link2脚本functionsetposition(e){varbodyOffsets=document.body.getBoundingClientRect();tempX=e.pageX-bodyOffsets.left;tempY=e.pageY;$("#xxx").css({'top':tempY,'left':tempX});}我需

javascript - 检测移动浏览器关闭事件

有什么方法可以检测移动浏览器关闭事件吗?我需要在浏览器关闭时强行删除cookie。我已经用window.onbeforeunload和window.unload试过运气,但它们不适用于移动浏览器。在网上搜索了很多,但没有得到任何解决方案。提前致谢 最佳答案 对不起,但使用Javascript是不可能的...您可以阻止关闭选项卡的操作,但在关闭时不做某事...HowtoDetectBrowserWindow/TabCloseEvent? 关于javascript-检测移动浏览器关闭事件,我

javascript - 相对于鼠标定位图像/背景图像

我想知道动画图像(或背景图像)相对于鼠标的位置的有效方法是什么。以Github为例:https://github.com/thispagedoesntexist这是一个非常性感的404页面。我想对我的用户产生影响,我认为这肯定会影响。问题1)如何做到这一点?2)只是CSS?CSS和JS?3)最后,有这样的库吗? 最佳答案 这是使用名为Plax的jQuery插件制作的. 关于javascript-相对于鼠标定位图像/背景图像,我们在StackOverflow上找到一个类似的问题:

javascript - 在移动设备中使用 document.execCommand ('copy' )

有没有办法复制到手机剪贴板?我已经研究了几天,但没有找到好的解决方案。Clipboard.js似乎无法在移动设备上运行,给我一个错误“不支持:(”我目前正在使用以下功能:functioncopytext(text){vartextField=document.createElement('textarea');textField.innerText=text;document.body.appendChild(textField);textField.select();document.execCommand('copy');textField.remove();}在我的桌面上的chr

javascript - 鼠标移动时滚动窗口

大家好我的意思是当鼠标向窗口边缘移动时(x或y或两者),我希望页面滚动,当鼠标停止移动时,我希望页面停止滚动。有许多示例说明如何基于使用onClick事件或窗口边缘的滚动区域进行滚动,但基于鼠标光标。如有任何帮助,我们将不胜感激。 最佳答案 网页已经设计为可以使用滚动条、page/home/end/arrow键等进行滚动。是否有任何理由不适合您的页面?更改预期功能通常不是一个好主意。您可以阅读mousemove事件在这里。不管怎样,下面的代码应该可以工作,但我真的不推荐使用它。对于有敏感鼠标的人来说,这尤其令人迷惑://Variab

javascript - jQuery 将 div 从位置 1 移动到位置 2

我有多个div(具有相同的类名)。我想将div(总是相同的div,具有唯一ID#pos1)移动到已被单击的div。因此,为此,我使用以下代码找到position1(我要移动的div)和pos2(被单击的div)。但是,我不知道如何将div从一个位置移动(动画等)到另一个位置。我会感谢任何帮助。jQuery(".container").click(function(){varpos1=jQuery("#pos1").position();alert(pos1.top+','+pos1.left);varpos2=jQuery(this).position();alert(pos2.top