无法从 onSubmit 调用类中的方法答案

【问题标题】：Unenable to call a method within a class from onSubmit无法从 onSubmit 调用类中的方法
【发布时间】：2022-08-18 16:55:41
【问题描述】：

我有以下 js 文件：

class UniversityListModals {

  test(){
    alert(\"ed\")
  }
  
}

const universityListModals = new UniversityListModals();
universityListModals.test();

这当然会打开警报窗口。但是在我的 html 表单标签上，我希望调用这个完全相同的方法：

<form method=\"GET\" action=\"/something/\" class=\"\" onSubmit=\"universityListModals.test()\">

但是，当我按下提交按钮时，控制台会显示：\"Uncaught ReferenceError: universityListModals is not defined\".

为什么我可以通过js而不是html调用它？

你如何包含你的脚本？

标签： javascript

【解决方案1】：

看起来您是在作用域环境中声明您的函数，因此 DOM 无法访问变量名。

确保 universityListModals 变量在全局范围内。

class UniversityListModals {

  test(){
    alert("ed")
  }
  
}

const universityListModals = new UniversityListModals();

<form method="GET" action="/something/" class="" onSubmit="universityListModals.test()">
  <button type="submit">Submit</button>
</form>

【讨论】：