草庐IT

Event-Driven

全部标签

javascript - 单元测试 : simulate the click event of child component in parent using enzyme

我有一个父组件和一个只是“标签”元素的子组件。当我点击子元素时,我需要调用父组件中的函数。我希望它被调用,但状态没有改变,当我看到覆盖文件时,函数没有被调用。**更新:**该代码适用于开发。只是单元测试失败了。这是我的父组件父类.jsexportdefaultclassParentextendsComponent{constructor(props){super(props)this.state={clickedChild:false}this.handleChildClick=this.handleChildClick.bind(this)}handleChildClick(inde

javascript - 什么时候 event.target.value 不是字符串?

当textinputskeyup/keydown事件被触发时,我遇到了value=String(event.target.value||"")。但我不确定event.target.value何时不是字符串?这可能吗?其他什么时候作为event.target.value传递? 最佳答案 如果event.target元素不是输入类型元素,它将没有value属性。例如,如果我单击div,则event.target是一个没有value的div。包装event.target.value||String()中的''不是必需的,因为它始终是值(始

javascript - react .js : attach event from parent to children

如下例所示,我希望MyComponent动态地将“onClick”事件附加到它的子组件。onClick事件应该触发alertView,它应该能够调用被点击的元素方法“getValue”。JSFiddle:http://jsfiddle.net/2g638bp8/如何做到这一点?谢谢varMyComponent=React.createClass({alertValue:function(){//RETRIEVETHECHILDHEREalert(child.getValue());},render:function(){varchildren=React.Children.map(th

javascript - AS3 : How do I get dynamic loader URL from LoaderInfo in Event Listener Function?

我正在加载很多图片,并且正在使用一个数组来执行此操作。loader[i].load(newURLRequest(picture[i]));我的事件监听器功能是这样启用的:loader[i].contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);我的onComplete事件处理程序显示了这一点:trace(e.target);//OUTPUT:[objectLoaderInfo]我在LoaderInfo中寻找了一些属性,这些属性可能会识别哪个加载器启动了监听器(“i”的值),这样我就可以具体地处理每个加载器,如下所示:

javascript - jQuery - 通过 event.target 属性获取元素的类

我有以下代码:$("*").click(function(event){varx=event.target;if(x.nodeName=="DIV"){alert(x.attr("class"));}})这会引发“未定义”异常...是否有任何其他方法可以获取触发“点击”事件的元素的类?提前致谢! 最佳答案 event.target是一个DOM对象。所以要使用jQuery方法,您必须将其转换为jQuery对象:alert($(x).attr("class"));否则,您可以使用属性className获取元素的类:alert(x.cla

javascript - 快速 jQuery 问题 : Stopping event propagation?

我有一组响应mouseUp事件的元素,在它们内部还有响应mouseUp事件的子元素(全部通过.jQuery)。当用户鼠标单击导致child的mouseUp事件发生时,child的parent的mouseUp事件不会在jQuery中发生,我该如何做到这一点? 最佳答案 你想要event.stopPropagation() 关于javascript-快速jQuery问题:Stoppingeventpropagation?,我们在StackOverflow上找到一个类似的问题:

javascript - D3 : How do I set "click" event and "dbclick" event at the same time?

我已经将点击事件切换到一个节点,我还想将dbclick事件切换到它。但是,它只会在我点击它时触发点击事件。那么如何同时设置两个事件呢? 最佳答案 您必须进行“自己的”双击检测类似的东西可以工作:varclickedOnce=false;vartimer;$("#test").bind("click",function(){if(clickedOnce){run_on_double_click();}else{timer=setTimeout(function(){run_on_simple_click(parameter);},15

javascript - 传单 : Firing an event when bounds change

我正在使用leaflet开发一个新的应用程序。您可以对应用程序有所了解here.我想在map边界发生变化时触发一个事件。我查看了文档,但找不到与此相关的任何内容。我找到了getBounds()方法,以及可能的列表eventmethods,但没有结合两者。我看到的唯一另一种可能性是检查鼠标拖动和滚动事件并每次都检查边界。但我希望有更好的事情要做。你有更好的主意吗?谢谢! 最佳答案 每次移动map(通过平移或缩放)时,map边界都会更新。所以你可以为你的目的使用moveend事件map.on('moveend',function(e){

javascript - Angular 模块 : event bus or mediator pattern/service 中的全局通信

到目前为止,我已经看到了很多问题的解决方案。当然,最简单的方法是在$rootScope中$emit事件作为事件总线,例如(https://github.com/btilford/anti-patterns/blob/master/angular/Angular.md)angular.module('myModule').directive('directiveA',function($rootScope){return{link:function($scope,$element){$element.on('click',function(event){$rootScope.$emit(

javascript - jQuery event.target is_a_child_of(元素)

给定element,一个包含JavaScript对象/DOM元素的变量,我如何确定event.target是否是element中的一个元素>还是不是?function(event){//assumethatvarelementexistsinthisscopeif(event.target==a_child_of(element))//dosomething}如果element是myDiv,则发生在内部div或输入上的事件,或可能存在于myDiv中的任何其他元素应该使语句评估为真。我想象我可以使用递归函数构建子元素数组,然后检查event.target是否在数组中,但我想先看看是否有更