草庐IT

Java鼠标监听器

全部标签

javascript - 如何在 Javascript 中为非 dom 元素添加事件监听器?

在Java、C#、Actionscript等中。事件是针对类的,而在Javascript中,它似乎仅限于dom。我在这里读了一个用jQuery做的例子http://www.west-wind.com/weblog/posts/2010/May/27/NonDom-Element-Event-Binding-with-jQuery但是如果我不需要jQuery并且我想了解该机制,您会怎么做? 最佳答案 最简单的机制是这样的:functionPubSub(){this.subs={};this.subscribe=function(cha

javascript - 我应该将事件监听器代码放在所有 Controller 都使用的 AngularJS 中的什么位置?

我想在我的AngularJS应用程序中有一些事件监听器代码,它将应用于所有Controller的范围。我基本上想在某处定义以下内容:document.addEventListener("online",onOnline,false);document.addEventListener("offline",onOffline,false);functiononOnline(){console.log("justgotonlineevent");$scope.noNetwork=false;}functiononOffline(){console.log("justgotofflineev

javascript - 将监听器动态添加到 Google map 标记

我正在处理一个页面,该页面使用JavascripthttpObject获取代码并使用它来更新页面上的两个元素-谷歌地图和列出标记指向的内容的DIV。那位工作正常。问题是,当我创建标记时,我通过for循环来创建标记,并在每个循环中将监听器添加到标记。然后,当我测试页面时,我发现每个标记都会发生同样的事情。将鼠标悬停在标记上应该会更改DIV相应位的边框颜色。相反,每个标记都会更改最后一位的边界。似乎每次我添加监听器时,我也会覆盖之前添加的标记的监听器。我知道这是因为GoogleMapsAPI保留了标记的身份,即使您在Javascript中创建新标记也是如此。我不明白如何绕过它-我尝试在循环

javascript - 闭包事件委托(delegate) - DOM 父级上的事件监听器,涵盖给定类的子级/后代

在jQuery中,您可以执行以下操作:$('#j_unoffered').on('click','.icon_del',function(){...这会在元素j_unoffered上放置一个处理程序,如果单击具有类icon_del的任何后代元素,该处理程序就会触发。此外,它适用于任何随后创建的icon_del元素。我可以在点击元素本身的Closure中正常工作。goog.events.listen(goog.dom.getElement('j_unoffered'),goog.events.EventType.CLICK,function(e){...如何在Closure中指定父事件目

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

javascript - 鼠标悬停在 SVG 圆圈上

我是SVG的新手,所以如果这是一个基本问题,请原谅我。我想在屏幕上画圆圈,并在用户将鼠标悬停在每个圆圈上时做出响应。据我所知,当在svg上监听鼠标事件时,我们实际上是在整个Canvas上监听鼠标事件,而不是在形状上。如果我想处理形状上的事件,我必须使用像D3这样的库。是否可以监听当鼠标指针经过特定圆圈时触发的mouseOver事件? 最佳答案 这不需要库。给定以下SVG:您可以使用CSS或Javascript使这些圆圈以与鼠标相关的某种方式发生变化。对于在css中的简单悬停,您可以执行以下操作:#circle1:hover{fill

javascript - 在 html 页面上更改鼠标光标

我需要一种在html页面上更改鼠标光标的方法。我知道这可以用css来完成,但我需要能够在运行时更改它,例如在页面上有按钮,当它们被单击时,它们会将光标更改为特定的自定义图形。我认为最好的(或唯一的?)方法是通过javascript?我希望有一种方法可以很好地完成这项工作,并且适用于所有主流浏览器。如果有人可以帮助我,我将不胜感激。提前致谢 最佳答案 感谢您的回复。我终于让它工作了。这是我的做法:functionchangeToCursor1(){document.body.style.cursor="url('cursor1.ani

javascript - 在 Javascript 中捕获 setInterval() 上的鼠标位置

我在Javascript中有一个函数,它根据鼠标位置移动一个div。此函数在setInterval()函数上设置并每秒执行一次。我需要像这样捕获鼠标位置:functionmousemov(){document.getElementById("myDiv").style.left=Event.clientX;//don'twork}window.onload=function(){setInterval("mousemov()",1000);}Ps:我不能使用mousemove事件,因为即使鼠标停止也必须执行该函数。 最佳答案 您唯一

javascript - 对象文字和事件监听器,最佳实践?

假设我有一个对象,有一些属性和方法:varForm={name:'sign-up',show:function(){...},hide:function(){...},validate:function(){...},updateCurrency:function(){...},handleCheckBox:function(){...}}现在我想在我的表单中发生某些事件时调用不同的方法,如下所示:$('#country-select').bind('change',function(){Form.updateCurrency();});$("input[type='checkbox'

javascript - flotr 鼠标悬停在行上时显示数据系列名称

我正在使用flotr绘制90个数据集的图表。平均而言,90组数据中只有两组会实际生成可绘制的线。其他88个左右的y值非常低,以至于它们几乎不会在x轴上方达到峰值。这是一个例子...我的问题是我不知道这两行是什么数据集。我可以编一个图例,但那个图例会很大,因为大约有90个数据集。所以我想知道当鼠标悬停在该数据集的图形数据上时,flotr是否具有标记这些数据集的功能。有这样的功能吗?谢谢。 最佳答案 好的,我找到了答案。我看到了这个例子...http://phenxdesign.net/projects/flotr/examples/p