草庐IT

鼠标点击

全部标签

javascript - 如何使用 Angular 2/4 的鼠标滚轮事件测试指令

我有一个带有鼠标滚轮事件的指令,它用于放大和缩小Canvas。我想知道如何为此类事件编写单元测试。我在网上找不到任何示例,谁能给我指出正确的方向?我的指令:import{Directive,ElementRef,HostListener}from"@angular/core";import{MyService}from"./my-service";@Directive({selector:"[testDirec]"})exportclassTest{privateinitPointX:number;privateinitPointY:number;constructor(private

javascript - 让链接仅在点击时触发一个 Action ,但在新标签点击时打开不同的路线

我想实现以下内容:首先,放一个链接。点击后,该链接会在我当前的route触发一个Action(即折叠面板或类似的东西)但是当用户右键单击并选择“新标签”时,同一个链接应该打开一个单独的路径(并且也不会触发当前路径中的任何操作,因为它无论如何都没有意义)到目前为止,我已经尝试了以下方法:{{#link-to'otherRoute'}}Sometext{{/link-to}}我希望通过将链接包含在可点击范围内来覆盖默认链接行为,但无济于事:现在,当我点击链接文本时,我被重定向到新路由,而点击操作本身从未发生。是否有可能实现类似使用EmberJS或什至简单的JS调整的东西?谢谢!

javascript - 一个列表项而不是所有列表项的 ReactJS 悬停/鼠标悬停效果

我是React新手,所以这可能看起来很简单,也可能不是,我不确定。我正在建立一个基本的待办事项列表。我希望列表项上的鼠标悬停效果弹出“删除此”文本。但是到目前为止,对于我的代码,当我将鼠标悬停在一个列表项上时,“删除这个”会针对所有列表项弹出,而不仅仅是一个列表项。当我尝试通过为单个列表项创建一个新组件来解决这个问题时,这似乎不起作用。非常感谢任何帮助!classToDosContainerextendsReact.Component{constructor(props){super(props)this.state={heading:'SomethingYouNeedToDo?',t

Javascript:触发了多个鼠标移出事件

我知道Javascript中的不同事件模型(WC3模型与Microsoft模型),以及冒泡和捕获之间的区别。然而,在阅读了有关此问题的各种文章几个小时后,我仍然不确定如何正确编写以下看似简单的行为:如果我有一个外部div和一个内部div元素,我希望在鼠标离开外部div时触发单个鼠标移开事件。当鼠标从inner-div穿过到outer-div时,什么也不会发生,当鼠标从outer-div穿过到inner-div时,什么也不会发生。当鼠标从外部div移动到周围页面时,该事件应该仅触发。现在,如果我将“mouseout”事件放在outer-div上,当鼠标从inner-div移动到周围页面时

javascript - OpenLayers 仅在鼠标移动结束后才具有重绘功能

在这种情况下,我使用来自OpenLayers的Map控件2.10.在map上我有基础层这是具有自定义功能的OpenLayers.Layer.OSM和OpenLayers.Layer.Vector。现在,当我使用鼠标移动map时,以前不可见的功能将不会重绘,直到释放鼠标按钮。我在所有OpenLayers示例中都注意到了同样的问题。任何人都可以提供某种解决方法来改变这种行为吗?我想要实现的是在要素变得可见后立即绘制要素或始终绘制所有要素(我使用少量要素,因此map控制的性能并不重要)。我目前的想法是处理map上的一些特定事件(如鼠标移动和单击)并强制要素重绘。

javascript - JQuery BlockUI 鼠标加载光标不会在 Google Chrome 中恢复为默认值

我的JQueryBlockUI鼠标加载光标在服务器响应后返回到FF中的默认光标,但在GoogleChrome中没有返回到默认光标,给人的印象是元素仍在加载。鼠标小Action。如何解决? 最佳答案 这是一个已知的Chromebug.当您访问该链接时,系统会建议一些解决方法。 关于javascript-JQueryBlockUI鼠标加载光标不会在GoogleChrome中恢复为默认值,我们在StackOverflow上找到一个类似的问题: https://sta

javascript - 在 native JavaScript 中获取 Canvas 内鼠标位置的最现代方法

这个问题在这里已经有了答案:HowdoIgetthecoordinatesofamouseclickonacanvaselement?[duplicate](22个答案)关闭3年前。首先,我知道这个问题已经被问过很多次了。但是,提供的答案并不一致,使用了多种方法来获取鼠标位置。几个例子:方法一:canvas.onmousemove=function(event){//thisobjectreferstocanvasobjectMouse={x:event.pageX-this.offsetLeft,y:event.pageY-this.offsetTop}}方法二:functionge

javascript - 我可以在 JavaScript 或 jQuery 中一次点击发出两个 ajax 请求吗?

我可以在JavaScript或jQuery中一次点击发出两个或多个Ajax请求吗?我的意思是我知道问这个问题似乎很疯狂,但早些时候我接受了一次采访,他们问了我这个问题。采访结束后,我对此进行了很多搜索,但一无所获。我刚刚在某处发现您可以将另一个Ajax请求作为第一个请求的回调。但这根本不是真实的故事。我有疑问,sync或async是否在这方面有一些作用?如果有人有解决方案,我们将不胜感激jsfiddle或plunkr上的POC。JavaScript专家,请帮忙。提前致谢!! 最佳答案 如果您使用的是jQuery,则可以使用defer

javascript - 在谷歌浏览器扩展中获取鼠标坐标

我拼命寻找在单击上下文菜单或使用快捷键时检索用户鼠标坐标的方法如果可能的话,我希望不必使用需要用户移动的onmousemove事件:/你知道怎么做吗?提前感谢您的回复 最佳答案 这只是一个简单的示例,仅适用于:文件->更改manifest.json中的"matches":["file:"]以添加新功能上下文菜单选择->更改上下文:contextMenus.create(bg.js)中的["selection"]以添加新功能辅助鼠标按钮->在(c.js)中更改(mousePos.button==2)以添加新功能你也可以试试moused

javascript - ng-repeat:在点击时显示一个项目并隐藏其他项目

我有一个ng-repeat,它显示div列表,当我点击其中一个时,它会为点击的项目显示一个附加的div。这是有效的{{item.title}}{{item.content}}{{item.info}}我的项目是从一个包含项目列表的json加载的,每个项目在这个json中都有一个默认属性showfull设置为false。这是有效的,但现在我想在单击某个项目时隐藏列表中的所有其他项目。我尝试过这样的事情:这不起作用{{item.title}}{{item.content}}{{item.info}}在Controller中我添加了一个函数:$scope.expand=function(e)