如何将addEventListener添加到不包含对象侦听的文件加载的泛型js文件中

Question

我有一个js文件与多个函数围绕一个域。该文件由多个php文件使用。在js我有2addEventListener2形式，但这两种形式都在不同的php文件。现在如果我正在加载没有<form id="quote">的文件，js

const formQuote = document.querySelector('#quote');
formQuote.addEventListener('submit', (event) => {

要在一个NULL对象上创建一个addEventListener。我如何防止这种情况(对不起，新php, js等)。

Answer 1

您可以使用if语句检查元素是否为空。值null为假值，表示在if语句中其计算结果为假。你可以在这里阅读更多关于JavaScript中的假值:https://www.freecodecamp.org/news/falsy-values-in-javascript/

const formQuote = document.querySelector('#quote');
if (formQuote) {
formQuote.addEventListener('submit', (event) => {
console.log('test')
})
}