草庐IT

鼠标经过webgl要素

全部标签

javascript - 禁用预测滚动 - 鼠标滚轮 (OnScroll) 事件触发过于频繁(触摸板)

我正在执行JavascriptonScroll。我的代码适用于任何普通计算机鼠标,但是当我使用笔记本的触摸板时,我遇到以下情况:当手指移动滚轮时,我的鼠标会触发(大约1到8次)mousewheel事件。我的触摸板触发了更多(~60)个mousewheel事件,同时两根手指触摸触摸板并在我的手指再次悬空后继续触发。我知道移动触摸设备的这种行为。该功能称为“预测触摸”-如果您的手指移动在抬起之前有足够的加速度,则滚动会继续。我认为触摸板驱动程序正在设置这种“平滑滚动”行为。为了调试这种情况,我使用了以下代码:/*HandleMouse-WheelScrolling*/varlastChan

javascript - 如何检测滚动条上的鼠标弹起? (或 "scrollEnd"事件)

有人知道如何检测滚动条上的mouseup事件吗?它适用于FF,但不适用于Chrome或IE9。我设置了一个快速演示:http://jsfiddle.net/2EE3P/总体思路是我想检测一个scrollEnd事件。显然没有这样的东西,所以我结合了mouseUp和计时器,但是mouseUp在大多数浏览器中都没有触发!div包含一个项目网格,因此当用户停止滚动时,我想将滚动位置调整到最近的有意义的点,例如最近的单元格的边缘。但是,我不想在滚动过程中自动调整位置。我也很乐意接受任何给我相当于scrollEnd的答案 最佳答案 找到了一个无

javascript - 为什么 Firefox 不将所有鼠标滚轮事件传递到我的 javascript 应用程序?

我正在使用protovis库(http://mbostock.github.com/protovis/)绘制图形。我上传了我正在使用的代码,以防有人想看一下:http://jsfiddle.net/zobel/brEAD/这是我的问题:在Firefox下,当我使用鼠标滚轮放大或缩小时,某些鼠标滚轮事件不是由我的应用程序捕获的,而是由Firefox本身捕获的。结果是我最终得到了缩放和页面滚动的混合。您可以通过缩小Firefox窗口直到滚动条可见来对此进行测试。Opera下不会出现此问题。为什么会发生,我该如何解决?非常感谢。 最佳答案

javascript - 在 Chrome 中拖动时锁定鼠标光标

这与所有其他问题不同。我已经阻止Chrome在拖动时进入文本选择模式。(编辑:我只想锁定图标/外观,不限制位置或移动,仅在mousedown和mouseup之间)我想避免的问题是Chrome在拖动时将光标更改为光标下的任何内容(即-i-beam在文本上方输入控件,在超链接上移交等)。IE和FireFox/Moz支持我在mousedown事件中调用的element.setCapture(),它将那些浏览器“锁定”到该元素,以便鼠标光标停留在该元素的任何光标处......非常好。据我所知,Chrome不支持该功能或类似功能。通过观察文档对象上的mousemove和mouseup事件而不是被

javascript - WebGL:优化每帧更改值和顶点计数的顶点缓冲区

我想实现一个带有顶点缓冲区的渲染器,每帧都会在应用程序端更新。此外,顶点的数量(即三Angular形的数量)也会在每一帧发生变化。我的方法是将所需的最大值预先分配为Float32Array,然后仅更新更改的值,并使用bufferSubData更新缓冲区数据。然后通过从索引缓冲区发送一个范围来绘制我想要的。作为一个最小的例子,假设我已经为Float32Array中的2个单独的三Angular形分配了位置顶点,对于这个帧,我只想移动并绘制第二个三Angular形。我想我会这样做:arrPos[9]+=1.0;//movetheXcoordinatesintheFloat32Arrayarr

javascript - 如何检查 webgl(three.js) 的客户端性能

我有一个使用three.JS的图形项目,现在我想自动检查客户端GPU性能并计算我可以在应用程序中加载多少元素。我想到了GPU基准测试之类的东西。 最佳答案 看看stats.js,thisTHREEXplugin和webglinspector. 关于javascript-如何检查webgl(three.js)的客户端性能,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/2317877

javascript - 是否可以获得鼠标按钮 4、5 等?

简单地说,有没有什么方法可以在JavaScript中检测额外的鼠标按钮按下?它没有记录在其余的鼠标输入中,所以我猜它不在标准实现中。有什么方法可以启用额外的鼠标按钮吗? 最佳答案 是的,你可以这样做,检查MouseEvent.button,请参见下面的示例,该示例将检测3和4个按钮的点击。Somepointingdevicesprovideorsimulatemorebuttons.Torepresentsuchbuttons,thevaluemustbedoubledforeachsuccessivebutton(inthebin

javascript - jQuery click 事件 - 如何判断是否单击了鼠标或按下了回车键?

我的网站存在可用性问题。我有一组选项卡,每个选项卡都包含一个表单。当您单击选项卡链接时,它会将焦点放在选项卡内容正文中的第一个文本框。鼠标导向的人喜欢这个“功能”。问题是当面向键盘的用户使用键盘上的TAB键浏览选项卡时。他们在他们想要查看的选项卡上按下回车键,点击事件触发并且选项卡出现,但是焦点被赋予了文本框,完全调整了他们的选项卡顺序。因此,当他们再次点击选项卡时,他们想转到屏幕上的下一个选项卡,但由于焦点已移动到表单内,他们无法使用键盘轻松转到下一个选项卡。因此,在点击事件中,我需要确定他们是否真的用鼠标按钮点击了它。这可能吗?我的第一次尝试是这样的:$("#tabslia").c

鼠标事件以及 onmouseover, onmouseout 鼠标移动事件动态渲染的注意点

1.onmouseover指的是鼠标在进入某个元素的时候触发的事件2.onmouseout指的是鼠标在离开某个元素时触发的事件其他onclick-------------------------------------鼠标单击触发ondblclick----------------------------------鼠标双击触发onmousemove---------------鼠标在上面移动时触发具体例子:下面是代码Document#root{width:1200px;height:900px;margin:40pxauto;background-color:black;position:r

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