JavaScriptのイベントハンドリングを使うことで、ユーザーの操作に応じたインタラクティブな動作を実現できます。イベントの基本的な設定方法と使用例を学びましょう。
イベントハンドリングの基本
JavaScriptのイベントハンドリングを使用することで、ユーザーの操作に応じたインタラクティブな動作を実現できます。
イベントハンドリングとは、ボタンのクリック、キーボードの入力、ページの読み込み完了など、様々なユーザーアクションに対して特定の関数を実行する仕組みです。
基本的なイベントハンドリングの方法として、HTML要素に直接イベントハンドラを設定する方法や、JavaScriptコードでイベントリスナーを追加する方法があります。
例えば、HTML要素に直接設定する方法では、
<button onclick="alert('Button clicked!')">Click me</button>
のように記述します。一方、JavaScriptコードで設定する方法では、
document.getElementById('myButton').addEventListener('click', function() {
alert('Button clicked!'); });
のように記述します。