草庐IT

侦听器

全部标签

javascript - 事件监听器的影响?

eventlisteres有什么影响?我说的是大数字,这里有一个例子:一开始只有x个.marker当点击.marker时,通过JS添加所有child-事件监听器每个child做自己的事情,这意味着他们每个人都有自己的事件监听器varcount=20000;for(i=0;i请不要介意其他事情,例如以编程方式创建20000个元素。我的问题是:让所有这些事件监听器中包含所有这些代码会产生什么影响?只要事件监听器没有被触发,事件监听器中的代码是什么或有多少并不重要? 最佳答案 尝试使用事件委托(delegate),单一事件处理器。参见sw

javascript - Chrome 开发工具的性能分析结果中的监听器

我一直在使用Chrome开发工具分析React应用程序,我发现Listener数量呈线性增长。看看下面的截图。Listeners为橙色。我将其缩小为在p标签内呈现一个简单的倒计时值。剩余时间每1000毫秒使用setInterval函数生成一次,然后在p标记内进行格式化和渲染。我使用create-react-app创建了一个简单的React应用程序,并修改了App.js的App组件内的代码以每秒更新Date.now()的值,当我运行时分析器,我得到了相同的结果。classAppextendsComponent{state={text:'',};loop(){this.setState({

javascript - React.js,特定 Prop 的事件监听器onChange?

我想在React组件上设置this.props.map时触发一个函数-使用ES6类语法定义:exportdefaultclassMapFormextendsReact.Component{...目前,我正在使用componentDidUpdate(),因为它是在设置props时触发的-但它也会由其他不理想的不相关事件触发。另一方面,componentWillReceiveProps()恰好在组件生命周期的早期(this.props.map返回undefined此时)所以我想在this.props.map设置时仅触发一个函数。我缺少一个钩子(Hook)吗?或者可能是某种模式?

JavaScript 添加事件监听器 : 'input' versus 'keyup'

这个问题在这里已经有了答案:What'sthedifferencebetweenkeyup,keydown,keypressandinputevents?(2个答案)关闭6年前。当我想在插入后立即获取文本输入的值时,我会使用“keyup”事件。现在我在CodeReview问题中看到使用事件“输入”来完成相同的任务。CodeReview问题(第5行):https://codereview.stackexchange.com/questions/141937/registration-form-validation-in-jquery我做了一些修改。做了这个演示:varbox=docume

javascript - 如何将事件监听器添加到 chrome 扩展内容脚本中的 google 表格链接?

我正在开发一个chrome扩展程序来打开从不同列到它们分配的选项卡的链接。使用Google应用程序脚本API在chrome扩展中创建工作表的上下文。但是Google应用程序脚本API是一条漫长的道路,我无法避免在单击链接表单时打开和关闭选项卡。现在我想为点击工作表链接/工具提示链接添加一个事件监听器。我已经在使用内容脚本在工作表中插入面板。这是来自(内容脚本)的代码。与链接相关。(function(){letsheetLinks=document.querySelectorAll('.waffle-hyperlink-tooltip-link');for(leti=0;i通过将鼠标悬停

javascript - ExtJS 更改事件监听器未能触发

http://twitter.com/jonathanjulian要求我将此作为问题发布到StackOverflow上然后被其他几个人转发。我已经有了一个丑陋的解决方案,但我按要求发布了原始问题。所以这是背景故事。我们有一个专门为客户端View使用ExtJS的大型数据库应用程序。我们正在为从远程存储加载的行View使用GridPanel(Ext.grid.GridPanel)。在我们的每个界面中,我们还有一个FormPanel(Ext.form.FormPanel),显示一个允许用户从GridPanel创建或编辑记录的表单。GridPanel列绑定(bind)到FormPanel表单元

javascript - 我可以将 jQuery .trigger() 与通过 addEventListener() 添加的事件监听器一起使用吗?

在我的(javascript、jQuery)代码中,我使用两种触发事件的方式jQuery('body').trigger('crazy-trigger-event');jQuery("body").get(0).dispatchEvent(newCustomEvent("crazy-dispatch-event"));在此处的代码段中:http://jsfiddle.net/jts9jhbt/3/我已经使用jQuery.on()和DOM.addEventListener()方法注册了自定义事件。然后我使用jQuery.trigger()和DOM.dispatchEvent()方法触发事

javascript - 将事件监听器添加到除少数选定对象之外的所有对象?

我正在尝试将事件监听器添加到除少数选定对象之外的所有对象(选定对象还具有任意级别的任意子元素)?这个问题我以前也问过,但是我没有真正得到答案。我已经接近解决它了。你能帮我调试一下吗?我正在向名为bodylistener的body元素添加一个事件监听器,并向名为selectedElementsMarkTrue的几个选定元素添加一个事件监听器。我不想执行某些代码的少数选定元素,监听器selectedElementsMarkTrue在bodylistener之前使用setTimeout函数执行。selectedElementsMarkTrue将变量selectedElements设置为tru

javascript - CSS 属性更改监听器

有任何建议的CSS属性更改监听器实现吗?也许:thread=functiongetValues(){while(true){foreachCSSproperty{if(properties[property]!=nil&&getValue(property)!=properties[property]){alert('change')}else{properties[property]=getValue(property)}}}} 最佳答案 DOMAttrModified等突变事件已弃用。考虑改用MutationObserver。例

javascript - 将 transitionend 事件监听器与 react 一起使用以创建过渡

我正在尝试通过对按钮单击使用react来进行简单的转换,其中bodymax-height在componentWill更新时变为0,然后在componentDidUpdate上返回到500px或100%。我还没有从我看到的其他问题中完全理解它,所以有人可以给我举一个例子来解释它是如何工作的吗?我也不介意使用reactcsstransitiongroup的示例/解释。更多信息我知道transitionend附加了一个事件监听器,但我感到困惑的是如何使用它来确保组件在转换完成之前不会更新(我自学了react和几乎所有的编码知识,所以我不知道这是否应该很难理解,但目前对我来说很难)。谢谢大家!