将事件侦听器附加到FOR循环内的对象

宣威航班

我试图找出一种附加事件监听器的方法。

我有以下变量:

var inputs = data.context.find(':input').not(':button');

而且,在代码的稍后部分,我有一个FOR循环,在其中使用此循环将CSS类添加到某些字段:

inputs[i].className += " invalidEntry";

很好

我想做的是也将事件处理程序附加到这些相同的字段,以便当更改字段中的值时,将删除css类名。

那么,如何在FOR循环中将事件侦听器附加到input [i]?

罗比·维克兹(Robbie Wxyz)

像这样添加它:

function change(){
    // this refers to the element that had the keypress event fired on it.
    this.className=this.className.replace(" invalidEntry","");
}
for(var i=0;i<inputs.length;i++){
    inputs[i].className += " invalidEntry";
    inputs[i].addEventListener('keypress',change);
}

change函数只需要定义一次,一次又一次地使用,因为this关键字将引用元素keypressed,因此它将始终是inputs之一。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

将异步侦听器附加到单击事件

将事件侦听器附加到UWP中的MotionAnimation

Firebase将侦听器附加到Query对象

Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听

将事件侦听器添加到绘制的对象

将侦听器附加到 scrollController

如何使用事件委托而不是将事件侦听器分别附加到每个项目?

附加到画布的事件侦听器仅在 codeSandbox 中接收 {"isTrusted":true} 对象

如何/何时将事件侦听器附加到d3.js中?

将事件侦听器附加到整个html文档的最佳方法

JavaFX将事件侦听器附加到颜色为黑色的圆圈

将事件侦听器附加到整个html文档的最佳方法

使用 Adobe 扩展脚本将事件侦听器附加到应用程序项目中

将事件侦听器附加到 Microsoft.IdentityModel.Logging

如何将拖放事件侦听器附加到React组件

使用纯JavaScript,是否有简单的方法将事件侦听器附加到类?

使用纯JavaScript,是否有简单的方法将事件侦听器附加到类?

Angular 指令,无法将事件侦听器附加到元素

使用addEventListener获取附加到节点的事件侦听器

将进度侦听器附加到列表中对象的正确方法

使用for循环并传递不同的参数将事件侦听器添加到多个元素

将 evt 侦听器附加到动态创建的类

如何将侦听器附加到单选按钮

将侦听器附加到多个子元素

将DOMContentLoaded侦听器附加到动态创建的窗口

将侦听器附加到android视图的某些部分

如何将侦听器附加到克隆的元素?

如何将 updateend 事件侦听器添加到两个对象?

如何将侦听器事件添加到由DefaultListModel对象添加的JList元素?