草庐IT

鼠标移动速度

全部标签

javascript - 在三个 js 中使用鼠标悬停更改网格的颜色

我已经使用jsonloader和three.js编写了一个显示多个网格的WebGL脚本,现在我想添加MouseOver和onClick事件。第一个是在鼠标悬停在网格上时简单地更改网格的颜色:functionrender(){requestAnimationFrame(render);mesh.rotation.z+=0.090;raycaster.setFromCamera(mouse,camera);varintersects=raycaster.intersectObjects(scene.children);for(vari=0;i上面的渲染函数允许我通过将鼠标悬停在任何网格上来

javascript - 鼠标悬停事件上的鼠标位置

是否可以在图像的mouseouver事件中获取准确的鼠标位置?如果我使用在文档鼠标移动事件上更新鼠标位置的函数,我可能会遇到延迟和此类事情的问题,并且无法获得准确的位置。 最佳答案 如果您正在寻找一个简单的JS来获取MouseOver事件的光标位置,这里是示例代码: functiongetPos(e){ x=e.clientX; y=e.clientY; cursor="YourMousePositionIs:"+x+"and"+y; document.getElementById("displayArea").inne

javascript - 使用d3获取鼠标点击svg的坐标

我想获取鼠标点击矩形svg时的坐标。我正在尝试将鼠标点击坐标打印到控制台。我可以使用pageX和pageY来获取坐标,但那是整个页面的坐标。我只需要svg中的坐标。我正在使用d3.v3.min.js所以我尝试了:$(document).mousedown(function(){console.log(d3.mouse(this));});我得到错误:UncaughtTypeError:Cannotreadproperty'sourceEvent'ofnull我也试过:$(document).mousedown(function(){console.log(d3.mouse(docume

javascript - 使用 onmousedown 获取您刚刚按下鼠标的元素的 ID?

这可能吗?我正在尝试为onmousedown编写一个函数,它将返回您刚刚单击的元素的ID,以便稍后在不同的div中重新创建该元素时使用。 最佳答案 您可以使用eventdelegation,基本上只将一个事件处理程序连接到整个文档,并使用event.target获取最初调度事件的元素。:document.body.onmousedown=function(e){e=e||window.event;varelementId=(e.target||e.srcElement).id;//callyourre-createfunctionr

javascript - 鼠标相对于 div 的位置

我正在使用jqueryui进行拖放。我正在尝试获取鼠标相对于div的位置,这是我的代码:$("#db_tables").droppable({activeClass:"ui-state-default",hoverClass:"ui-state-hover",drop:function(event,ui){varx=ui.position.left-ui.offset.left;//tiredevent.pageX-this.offsetLeft;vary=ui.position.top-ui.offset.top;//tiredevent.pageY-this.offsetTop;$

javascript - 使用鼠标滚轮向下事件在网站上滚动了多少像素?

我正在编写自定义滚动条并捕捉mousewheel事件。我正在使用它来调整我想要滚动的元素的scrollTop。向下滚动的像素数量是否有标准,还是因系统而异?我在最新版本的Firefox中显示114px: 最佳答案 许多鼠标驱动程序允许您设置鼠标滚轮滚动的距离,因此没有标准距离。我会尝试你的代码一段时间,然后选择一个距离,让你不会整天滚动,但不会在每次滚动时跳一英里。你需要“感觉”出来。找friend反馈一下,这种东西多点手还是有帮助的。 关于javascript-使用鼠标滚轮向下事件在网

javascript - 导致移动设备水平滚动的 Facebook Like 按钮

我有一个FacebookLike按钮实现,它在所有桌面和移动浏览器中都呈现良好。但问题出在分辨率为240x320的低分辨率设备上。Like按钮导致设备放大页面,从而呈现水平滚动。按钮在宽度>=320px的设备(如iPhone等)上呈现良好,但宽度小于该宽度的旧android设备则面临问题。我的看法。该页面加载正常,然后向Facebook发出服务器调用,然后返回一些参数将其全部分解。它正在生成.我想把width和overflowCSS参数但似乎都不起作用。我正在像这样初始化“赞”按钮:"data-send="false"data-layout="button_count"width="8

javascript - 当鼠标悬停在链接上时,如何在链接旁边创建弹出框?

这是我要实现的:我在网页上显示了两个超链接:foobar我还有两个链接描述为div:foomeansfoobarmeansbar现在,当我将鼠标悬停在foo的链接上时,相应的描述div应该会弹出,它应该会在我光标所在的位置旁边弹出。因此,如果我将鼠标悬停在“foo”上,一个包含“foomeansfoo”的弹出框应该出现在鼠标光标旁边。同样的事情也适用于“酒吧”。请展示一种使用javascript/jquery、CSS或它们的组合来实现这一点的快速简单的方法。附言我很抱歉之前没有解释清楚,我实际上想在描述div中添加更多链接或图像而不是纯文本,所以常规的工具提示可能不会做。谢谢。

javascript - 使用 Javascript 移动光标位置?

我希望将插入符恰好移动到其当前位置之前的四个空格,以便我可以正确插入制表符。我已经在插入符号的位置插入了HTML,但是当我插入HTML时,插入符号被留下了。在过去的一个小时左右的时间里,我一直在研究各种方法来做到这一点,而且我已经尝试了很多方法,但我无法让它们中的任何一种为我工作。这是我尝试过的最新方法:functionmoveCaret(input,distance){if(input.setSelectionRange){input.focus();input.setSelectionRange(distance,distance);}elseif(input.createText

javascript - 在 Javascript 中,当当前文本框已满时,如何自动将光标移动到下一个文本框?

假设我的网页上有两个HTML文本框:每个文本框允许用户输入最多五个字符。当用户在txt1中键入五个字符时,我如何使用带或不带jQuery的Javascript自动将光标从txt1移动到txt2? 最佳答案 一个基本的实现是这样的:$('#txt1').keyup(function(){if(this.value.length==$(this).attr('maxlength')){$('#txt2').focus();}});但是您可能关心也可能不关心它的一些可用性微妙之处。如果您发现上述内容还不够,有许多jQuery插件可以为您完