NEW ARTICLE
Ubuntuでシステムの温度をモニタリングする方法
  1. HOME
  2. javascript
  3. javascript addEventListenerが効かない場合

javascript addEventListenerが効かない場合

javascript addEventListenerが効かない場合

javascriptで、addEventListenerが効かない場合の対処法を記述してます。

目次

環境

  • OS windows11 home
  • Apache 2.4.43
  • ブラウザ chrome 103.0.5060.114
Javascript サンプル集はこちら

addEventListenerが効かない

以下のコードで発生。

<button id="btn">button</button>

<script>

document.getElementById("btn").addEventListener(click, function(){
    console.log("hoge")
})

</script>

エラーメッセージ(chrome 103.0.5060.114)

Uncaught ReferenceError: click is not defined

エラーメッセージ(firefox 102)

Uncaught ReferenceError: click is not defined

原因

「click」が文字列になっていないため

対処法

文字列にする必要があります。

<button id="btn">button</button>

<script>

document.getElementById("btn").addEventListener('click', function(){
    console.log("hoge")
})

</script>