草庐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 - 如何固定输入的位置,使其始终位于屏幕居中但其大小可以更改的元素下方?

我的UI中有一个名为SkyElement的元素,它始终在我的UI中垂直和水平居中。我还有一个输入,称为PencilInput,我希望它始终位于SkyElement下方。在UI中,用户可以更改SkyElement的大小(宽度和高度),我希望PencilInput位于下方>SkyElement,无论大小。现在,无论大小如何,PencilInput都显示在SkyElement上方。在我的render函数中:PencilInput的HTML:在我的CSS中:@mixinabsolute-center{display:block;position:absolute;top:50%;left:50

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 - 如何在 Bioclipse javascript 编辑器中将字符串转换为输入流?

我正在尝试使用Bioclipse中的javascript将字符串保存到文件中工作台,通过使用ui.save("文件名","我的字符串");...但是得到一个错误,即ui.save仅将输入流作为第二个参数。如何在Bioclipsejavascript上下文中将字符串转换为输入流?(顺便说一句,我认为Bioclipse使用RhinoJavascript实现) 最佳答案 在这种情况下,我们不得不退回到Java。您正在尝试调用方法ui.save,根据manui.save看起来像这样:>manui.save------------------

javascript - Jquery 克隆和重命名输入字段

我有以下内容:removeName :Email :Add和jQuery:$(function(){//Controlclone$('div.addControla.button').click(function(e){e.preventDefault();varparent=$(this).closest('.section').find('.parent:last');varparentInput=parent.clone();parentInput.find("input").val("");parent.after(parentInput);});$('di

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

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

javascript - 检测是否输入了字符或数字

我想设置一个主页,按任何字符(小写或大写)或任何数字都会将用户重定向到登录页面,因为主页本身没有任何内容这样做需要打字。我的第一次尝试是这样的:document.onkeyup=function(){document.location.href="/login"}这有效,但它适用于每个键,包括光标、制表符,甚至大写锁定。我怎样才能限制这个函数,让它只响应字符和数字? 最佳答案 当事件发生时,键码作为事件参数发送。我们可以使用它来确定是否按下了字符键或数字键。像这样:document.onkeyup=function(e){if((e

Javascript 表单输入 - GPS - GeoLocation

我想从用户的设备获取当前的GPS位置,基本上将纬度和经度放入表单字段中。然后我可以在插入位置后做任何事情。下面的代码适用于弹出警报位置,这是我开始的地方。我希望能够单击一个按钮并将经/纬度填充到表单字段中。functiongetLocationConstant(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(onGeoSuccess,onGeoFormLat,onGeoFormLong,onGeoError);}else{alert("Yourbrowserordevicedoesn'tsuppo

javascript - 在 Google Chrome 中使用全屏 API 时,我无法在输入元素中使用字母数字键盘

在GoogleChrome中,当我使用FullScreenAPI并尝试在输入元素中输入字母数字内容时,它没有执行任何操作。它适用于Firefox。他们是GoogleChrome中这个问题的解决方法吗? 最佳答案 docElm.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);检查thislink链接内容:FullscreenwithkeyinputForsecurityreasons,mostkeyboardinputshavebeenblockedinthefullscre