javascript addEventListenerが効かない場合
- 作成日 2022.07.28
- javascript
- javascript
javascriptで、addEventListenerが効かない場合の対処法を記述してます。
環境
- OS windows11 home
- Apache 2.4.43
- ブラウザ chrome 103.0.5060.114
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>-
前の記事
javascript 配列内の要素からランダムに値を抽出する 2022.07.28
-
次の記事
MariaDB 小数点以下を切り下げる 2022.07.28