微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

哎呀,通过函数构造函数获取元素

如何解决哎呀,通过函数构造函数获取元素

有人可以向我解释这是如何工作的 我不明白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 举报,一经查实,本站将立刻删除。