问题描述
有人可以向我解释这是如何工作的
我不明白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类。
我希望这会向您解释代码。