草庐IT

from_event_index

全部标签

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 - react : How to listen to child component events

我有一个组件,假设它包含一个表单。该表单具有子组件,这些子组件本质上是用于输出文本输入和选择菜单的UI小部件。选择菜单组件有点花哨,使用onChange事件进行一些状态维护。我的问题是;如何挂接到父(表单)组件的选择菜单的onChange事件?我无法通过props传递onChange,因为我已经在选择组件中指定了onChange,我不想覆盖它。例子:varForm=React.createClass({handleSelectChange:function(){//Dosomethingwhenchanges},render:function(){varselectMenuOption

JavaScript 添加事件跨浏览器功能实现 : use attachEvent/addEventListener vs inline events

为了添加事件,我们可以使用这个简单的第一个解决方案:functionAddEvent(html_element,event_name,event_function){if(html_element.attachEvent)//InternetExplorerhtml_element.attachEvent("on"+event_name,function(){event_function.call(html_element);});elseif(html_element.addEventListener)//Firefox&companyhtml_element.addEventLis

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 - 玩! 2.4 : How to allow CORS from origin file://

我正在使用play2.4制作公共(public)RESTAPI。我添加了允许所有来源和header的CORS过滤器。从application.conf中查看:play.filters{#CORSfilterconfigurationcors{#Thepathprefixestofilter.pathPrefixes=["/"]#Theallowedorigins.Ifnull,alloriginsareallowed.allowedOrigins=null#TheallowedHTTPmethods.Ifnull,allmethodsareallowedallowedHttpMetho

javascript - Chrome DevTools 扩展 : how to get selected element from elements panel in content script?

我已经完成研究并为此苦苦挣扎了一段时间,但我需要您的帮助。我正在构建一个ChromeDevTools扩展。它应该将当前从“元素”面板中选择的元素作为引用传递给内容脚本中定义的JS对象。重要的是我将引用传递给所选元素,或通过其他方式从内容脚本中识别元素。我了解ChromeDevTools中“孤立世界”的工作流程。我还了解扩展页面、背景页面和内容脚本之间的消息传递。这只发生在JSON基元上,因此没有JS范围传递。如何将在devtools元素面板中选择的元素传递给位于被检查页面中的内容脚本?编辑这是我目前所知道的:获取对所选元素的引用:chrome.devtools.inspectedWin

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 : calling function from another file

我只是Javascript的新手,所以当我阅读Javascript文档时,发现有许多我无法理解的复杂结构。这是我正在阅读的Javascript代码的简短说明:在我的例子中有两个主要文件:Helper.js和Circle.js。Helper.js中有一个方法名:using:function(param1,param2)。下面是Circle.js的代码:Helper.using('py.Figures',function(ns){ns.Circle=function(params){//someadditionalmethodsandcodehere}ns.Alert=function()

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 - 访问 ' from origin ' null 处的脚本已被 CORS 策略阻止

因此,当我尝试从另一个javascript文件导入类时,我在控制台中遇到这样的错误:AccesstoScriptat'file:///home/../.../JavaScript/src/index.js'fromorigin'null'hasbeenblockedbyCORSpolicy:Invalidresponse.Origin'null'isthereforenotallowedaccess.在我的html文件中,我以这种方式添加脚本文件:我的index.js看起来像这样:importPaddlefrom"/src/paddle";letcanvas=document.getE