草庐IT

鼠标移动速度

全部标签

javascript - 在键盘事件中获取鼠标位置

我试图在用户按住Shift键时出现一个选择轮。滚轮应以鼠标位置为中心。然而,当我对此进行测试时,pageX和clientX在事件对象上均未定义。是否可以在键盘事件上获取鼠标坐标? 最佳答案 不,只需跟踪mousemove事件并持续保存当前位置,以防您收到键盘事件。 关于javascript-在键盘事件中获取鼠标位置,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/7562503/

javascript - 如何控制d3 force layout的仿真速度

我正在关注像this这样的d3强制布局示例.我想控制点飞向簇的速度。换句话说,我想让一些点花更多的时间到达它们的最终位置,而一些点花更少的时间。我尝试添加一个计时器功能来控制每个滴答的时间,但没有成功。this.force=d3.layout.force().on("tick",setTimeout(tick(d),50));我需要帮助。 最佳答案 不要设置计时器来调用tick函数,这是由强制布局自动完成的。然而,您可以设置许多参数来修改强制布局的行为。以下是与您尝试做的事情最相关的内容。.friction()对应于速度衰减的速度,

javascript - 在 Angular 中检测鼠标+键盘事件以进行 ng-repeat

我有一个应用程序,我在其中使用ng-repeat生成一组跨度,每个跨度都有一个唯一的ID(比方说span-{{$index}})。现在我想执行以下操作:如果我单击一个跨度,我希望复制该跨度的ID。我设法通过ng-click做到了这一点。我想进一步扩展此功能以检测多次点击,以获取所选ID的数组,但仅如果在点击期间按住CTRL键.例如。如果我在选择id为1,3,5,7的跨度时单击了ctrl按钮,我的数组应该有[1,3,5,7],但如果我没有按下CTRL键,那么我应该只有[7],因为它是最后选择的跨度。还有,我可以绑定(bind)相关事件吗?例如。如果我选择id为1的跨度,如果我单击CTRL

基于 JavaScript 滚动的动画在移动设备上不稳定

我有2个div(左和右),我想在右边的基础上向左滚动。https://jsfiddle.net/3jdsazhg/2/这在桌面上运行良好,但当我切换到移动设备时,就不再流畅了......这很容易被注意到,通过改变_left.style.top=_content.scrollTop-(_content.scrollTop*ratioLeftRight)+'px';到_left.style.top=_content.scrollTop+'px';它应该作为一个固定定位的div我想知道这不流畅的确切原因......我知道这不是动画。div上的简单动画很流畅,基于滚动时会出现问题。我怎样才能使

javascript - 我可以使用哪些技术来使 JS 密集型页面在移动设备上具有高性能?

我的网站涉及大量JS代码(约100K,包括jQuery)。当我在手机或平板电脑上浏览类似网站时,我通常会对它们的缓慢速度感到失望。我希望我的网站在移动设备上表现良好(在页面加载时间和响应能力方面),而无需开发单独的“适合移动设备”的网站版本,或者换出大部分代码。当然,适用于所有环境的性能技术数不胜数。我想听听的是我可能想在移动/蜂窝环境中为提高性能而在桌面/宽带环境中不想做的事情。以下是我正在寻找的几个示例:设置jQuery.fx.off=true以跳过动画禁用密集的CSS效果,例如box-shadow、text-shadow和border-radius还有什么?

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

我在网站中使用了setInterval函数,它在IE、Chrome、Firefox和Safari中运行良好。当我在ipad/iphone(safarimobile)上尝试时,我遇到了问题:如果我滚动屏幕,setInterval函数会暂停,只有当我停止滚动时它才会恢复!有没有办法防止函数暂停?谢谢 最佳答案 恐怕不行,没有办法阻止这种行为。在SO中有很多关于这个问题的主题(更多相关),这里特别是interestingone.它的总结很简单:iOSelasticscrollcan'tbetracked.There'snoeventlis

javascript - 如何在我的 javascript 球移动时为它提供滚动动画?

我有以下HTML代码:这是一个包含球图像的div(一个球的俯View)这个球我可以用我的箭头键和一些javacript向上、向左、向右、向下等等移动。我用这段代码来做到这一点:varball=function(){varinited=false,el,xcheck=50,x=50,ycheck=50,y=50,xspeed=0,yspeed=0,power=0.4,friction=0.99,xwind=0,ywind=0,dead=true,timer=function(keys){if(dead===true){return;}if(keys[38]===true){yspeed+

javascript - D3.js 是否支持 native 移动应用程序?

我发现了一些关于支持D3以创建使用移动浏览器查看的移动应用程序的问题。我想知道D3是否支持创建原生移动应用程序(例如在Android设备上)?如果不支持native移动应用程序,使用D3在移动设备上实现类native应用程序的最佳方法是什么?否则,是否有替代D3的方法来在移动设备上创建原生交互式可视化应用程序?谢谢! 最佳答案 D3是一个旨在处理数据并将其呈现为htmlDOM的库——通过SVG、直接div或可能是Canvas。当然还需要有能够运行代码的JavaScript引擎。浏览器提供了所有这些东西;native应用程序没有开箱即

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - 使用 Sinon 在 D3 中测试鼠标悬停事件

我在尝试通过测试时遇到了问题。我希望能够使用spy来检查鼠标悬停事件是否被正确调用。目前我收到以下错误,“错误:预计至少被调用一次但从未被调用”。我的部分困惑与d3和jQuery选择器之间的差异有关,我非常乐意使用后者,但我不确定如何在测试中正确使用前者以获得我想要的结果。我的依赖项是d3、jQuery、mocha、chai、sinon和sinon-chai。我的index.html文件中的相关代码,mocha.ui('bdd');mocha.reporter('html');varexpect=chai.expect;mocha.run();fixtures.js,varpath=s