如何解决哎呀,通过函数构造函数获取元素
有人可以向我解释这是如何工作的
我不明白validFields
(输入元素的目标)如何实现
//check Fields
Customer.prototype.checkFields = function () {
name.addEventListener("blur",this.validFields);
course.addEventListener("blur",this.validFields);
author.addEventListener("blur",this.validFields);
};
//valid Fileds
Customer.prototype.validFields = function () {
if (this.value === "") {
this.classList.add("invalid");
console.log(this);
} else if (this.value !== "") {
this.classList.add("valid");
}
};
解决方法
检查字段部分,正在向(客户)类的原型添加方法,该方法正在检查字段名称,过程和作者,以向其添加事件侦听器(模糊)以从中执行方法(validFields)下面,在发生模糊之后;
有效字段部分正在向(customer)类的原型添加另一种方法,称为(validFields),它检查由(this)关键字表示的对象的值是否为“”,它将添加“ invalid” ”添加到其classList中,否则它将在其classList中添加“有效”;
为了解释由(this)关键字表示的对象,我将说这是您要对其进行操作的元素,并且它是三个元素(名称,课程和作者)之一,您在其中的每个对象中添加了一个事件侦听器代码的第一部分;
还必须有CSS代码来处理.valid和.invalid类。
我希望这会向您解释代码。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。