簡介:在寫JavaScript代碼的時候,控制臺有時候會遇到這樣的報錯,addEventListener is not a function,說addEventListener不是一個函數(shù),具體原因是因?yàn)楸O(jiān)聽事件的事件源不對,事件源應(yīng)該是一個元素,而非其它。
因此我們在獲取元素時要注意,
getElementsByClassName()、
getElementByTagName(),
獲取到的是一個數(shù)組,即使?jié)M足條件的元素只有一個,也是數(shù)組形式返回,
eg:
?控制臺輸出:
監(jiān)聽的事件源是一個數(shù)組,并非元素,所以在給btn添加addEventListener()監(jiān)聽事件時會報錯,
getElementByTagName()同樣,文章來源:http://www.zghlxwxcb.cn/news/detail-696497.html
可以寫成這樣,數(shù)組[0],或者使用querySelector方法,就可以解決;文章來源地址http://www.zghlxwxcb.cn/news/detail-696497.html
btn[0].addEventListener('click', function () {
console.log("enumerable");
})
const btnTwo = document.querySelector(".submitIpt")
btnTwo.addEventListener("click", (() => {
console.log("immediate");
}))
到了這里,關(guān)于addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!