Startedを読むと、このような文章があります。React.意訳をすると「Reactを習得したかったら、JavaScriptも並行して学習してね!」と言ったところでしょうか?そういうわけなのでReactの学習を意識しつつ、JavaScriptの学習も進めていきましょう。今回はイベントハンドラの設定についてご紹介します。JavaScriptにおけるイベントハンドラの登録イベントハンドラの「イベント」とは、ユーザーがボタンをクリックしたなど、端末装置やアプリケーションで発生した事象のことを指します。イベントハンドラとは、イベントが発生したときに実行される関数のことをいいます。JavaScriptではイベントハンドラを登録する方法として、以下の3つの方法があります。</script>HTML要素にイベントハンドラ属性を設定して、その要素のイベントハンドラ(onclick)を登録します。ここでイベントハンドラを登録している箇所は、’onclick=”activateLasers()”‘の部分です。「button要素をクリックするとイベントとしてactivateLasers()関数が発生する」という意味になります。</script>Windowオブジェクトの1つ下に位置するonloadプロパティに、イベントハンドラ(onclick)を登録した関数を代入します。イベントハンドラをDOM要素のプロパティに設定する方法は、HTML要素の属性に設定すると異なり、HTMLとJavaScriptを分離してコードを見やすくするという利点があります。</script>addEventListenerメソッドでイベントリスナを登録します。イベントリスナとはaddEventListenerメソッドの第二引数で使われている無名関数のことで、第一引数で登録されているイベント(‘click’)が発生したときに処理する内容が定義されています。こちらも2のときと同じく、HTMLとJavaScriptを分離してコードを見やすくするという利点があります。);上記のコードはReactの公式ドキュメントにもとづいて作成しました。activateLasers関数を定義して、ReactDOMが読み込まれたときに、buttonタグのプロパティにイベントハンドラを登録します。HTML要素の属性に設定する」に似ている感じがします。検索検索なかの人Webサービス開発者&ドットインストール学習者&個人事業主&ねこ。