国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯

這篇具有很好參考價值的文章主要介紹了addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點(diǎn)擊"舉報違法"按鈕提交疑問。

簡介:在寫JavaScript代碼的時候,控制臺有時候會遇到這樣的報錯,addEventListener is not a function,說addEventListener不是一個函數(shù),具體原因是因?yàn)楸O(jiān)聽事件的事件源不對,事件源應(yīng)該是一個元素,而非其它。

addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯,前端,javascript,vue.js

因此我們在獲取元素時要注意,

getElementsByClassName()、

getElementByTagName(),

獲取到的是一個數(shù)組,即使?jié)M足條件的元素只有一個,也是數(shù)組形式返回,

eg:

addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯,前端,javascript,vue.js

?控制臺輸出:

addEventListener is not a function , JavaScript添加監(jiān)聽事件時報錯,前端,javascript,vue.js

監(jiān)聽的事件源是一個數(shù)組,并非元素,所以在給btn添加addEventListener()監(jiān)聽事件時會報錯,

getElementByTagName()同樣,

可以寫成這樣,數(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)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請點(diǎn)擊違法舉報進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 【小程序】 解決 Function(...) is not a function問題

    在小程序中,只要寫了aync await(或者是你引入的庫中寫了),如果你使用了babel編譯且babel的版本大于7,則會出現(xiàn)這個問題。 小程序中會禁用一些動態(tài)寫法,在babel/runtime中引入的index.js中寫了這么一段: 這里會走到 Function(\\\"r\\\", \\\"regeneratorRuntime = r\\\")(runtime); 中,小程序不支持該

    2024年02月11日
    瀏覽(22)
  • JavaScript的事件監(jiān)聽

    JavaScript的事件監(jiān)聽

    Web頁面需要經(jīng)常和用戶之間進(jìn)行交互,而交互的過程中我們可能想要捕捉這個交互的過程: 比如 用戶點(diǎn)擊了某個按鈕 、 用戶在輸入框里面輸入了某個文本 、 用戶鼠標(biāo)經(jīng)過了某個位置 ; 瀏覽器需要搭建一條 JavaScript代碼和事件之間的橋梁 ; 當(dāng)某個事件發(fā)生時,讓JavaScrip

    2024年02月04日
    瀏覽(24)
  • 【element 】使用xlsx、FileSaver實(shí)現(xiàn)導(dǎo)出,CDN引入,F(xiàn)ileSaver.saveAs is not a function.saveAs is not a function

    系統(tǒng)前端采用element ui,現(xiàn)在需要實(shí)現(xiàn)一個導(dǎo)出的功能,各種搜索找到XLsx、FileSaver. CDN方式引入:(網(wǎng)上基本很少CDN引入) 以上文件在人口文件中已經(jīng)全局引入 網(wǎng)上發(fā)部分代碼如下: 一切看起來都很完美?。。。。。?! 但是執(zhí)行導(dǎo)出的時候,報錯: FileSaver.saveAs is not a func

    2024年02月13日
    瀏覽(25)
  • javascript 刪除所有事件監(jiān)聽器

    本篇文章將介紹如何刪除 JavaScript 中的所有事件偵聽器。 EventTarget 接口的 addEventListener() 方法配置一個函數(shù),只要指定的事件被傳遞到目標(biāo),就會調(diào)用該函數(shù)。 addEventListener() 方法的工作原理是將實(shí)現(xiàn) EventListener 的函數(shù)或?qū)ο筇砑拥绞录陕犉髁斜碇?,以用于在調(diào)用它的 Eve

    2024年02月16日
    瀏覽(19)
  • 解決createRoot is not a function

    解決createRoot is not a function

    報錯: 出現(xiàn)的原因:在于把react18使用的vite構(gòu)建,在開發(fā)中因react版本太高與其他庫不兼容,而在降級的時候,出現(xiàn)以上dom渲染出現(xiàn)報錯。 解決:將 src/index.j文件改成如下 注意在降級修改package.json時候需要注意react、react-dom的版本一致;然后重新 npm install 即可。以下給出pa

    2024年02月13日
    瀏覽(22)
  • JavaScript 鼠標(biāo)事件監(jiān)聽&&觸發(fā)時機(jī)&&觸發(fā)順序

    JavaScript 鼠標(biāo)事件監(jiān)聽&&觸發(fā)時機(jī)&&觸發(fā)順序

    有時間整理下鼠標(biāo)的監(jiān)聽事件,目前匯總到的鼠標(biāo)監(jiān)聽事件以下10個: 目錄 1. click 2. dblclick 3.contextmenu 4.mousedown 5.mouseup 6.mouseenter 7.mouseleave 8.mouseover 9.mouseout 10.mousemove 先說下觸發(fā)時機(jī)和作用鍵(左鍵、右鍵) 點(diǎn)擊事件,只有左鍵生效 雙擊事件,只有左鍵生效 跟click事件對比

    2024年02月08日
    瀏覽(29)
  • date.locale is not a function

    在使用antd的日期組件的過程中,我想要在form表單中將已經(jīng)生成好的日期數(shù)據(jù)顯示在DatePicker中,應(yīng)該這樣去處理: 參考鏈接: https://codesandbox.io/s/antd-reproduction-template-forked-4mv33s?file=/index.js

    2024年02月16日
    瀏覽(18)
  • TypeError: defineConfig is not a function

    TypeError: defineConfig is not a function

    場景:當(dāng)我們在做打包配置的時候,出現(xiàn)如下錯誤 原因:由于用vue-cli直接創(chuàng)建了vue 3的項(xiàng)目,而里面的生態(tài)并非都是最新版,vue.config.js中的代碼如下,使用了vue 3的語法: ? ?解決:輸入? vue upgrade, 一路向下,即可解決

    2024年02月12日
    瀏覽(22)
  • JavaScript——監(jiān)聽事件:點(diǎn)擊鼠標(biāo),視頻靜音(原神官網(wǎng))

    JavaScript——監(jiān)聽事件:點(diǎn)擊鼠標(biāo),視頻靜音(原神官網(wǎng))

    用JS實(shí)現(xiàn)視頻的靜音,可以實(shí)現(xiàn)如圖按鈕所有功能,時間也和視頻同步,JS實(shí)現(xiàn)。 如圖所示, 首先搭個結(jié)構(gòu) 再來看看CSS樣式表 最后事件監(jiān)聽要看JavaScript實(shí)現(xiàn) 原理: 代碼: OK,以上步驟完成,功能即可實(shí)現(xiàn)

    2024年02月11日
    瀏覽(21)
  • TypeError: loaderUtils.getOptions is not a function

    TypeError: loaderUtils.getOptions is not a function

    webpack 版本: ^5.89.0 但是直接 pnpm add loader-utils 安裝的版本比較新,會報錯: TypeError: loaderUtils.getOptions is not a function 。 解決方案:將低 loader-utils 版本,我這里使用 ^2.0.0 就不會再報這個錯誤了 思路:直接去 github 里面搜索 loaderUtils.getOptions 看看別人的版本是如何設(shè)置的,如

    2024年02月02日
    瀏覽(20)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包