イベントに関する参考資料です。基本的なイベント(リスナー)の設定方法や、各種イベント(クリック、ホバー、スクロール、リサイズ、ロード)を使ったサンプルや解説を掲載しています。イベントの概要イベントとは、プログラムを作動させる何らかのきっかけのようなものです。ユーザーがマウスを動かしたり、クリックしたり、キーボードからテキストを入力する等や、システムで発生するタイマーや非同期要求の完了などがあります。イベントの発生に応じて呼び出される処理のことを、イベントリスナーやイベントハンドラーと言います。イベントリスナーを設定するために、いくつかの構文を用意しています。以下はイベント名ごとに簡単に設定できるショートハンドメソッドの書式です。イベントに対しての処理になります。以下は、クリックイベントの例で、ユーザーがリンクをクリックすると現在の時刻を表示するサンプルです。テキストを現在の時刻に変更します。記述すると、イベントが発生した要素を取得(参照)することができます。オブジェクトを生成して、それをローカルなタイムゾーンに基づいて日付を文字列に変換しています。以下と同じことになります。false;});イベントリスナーの登録イベントの発生に応じて呼び出される処理のことをイベントリスナーと言い、これを登録(記述)することでイベントが発生した際の、動作を設定することができます。イベントリスナーを設定するために、いくつかの構文を用意しています。ショートハンドメソッド以下はイベント名ごとに設定するショートハンドメソッドの書式です。関数」の中に記述します。イベントオブジェクトと言い、マウスの座標や押されたキーの種類など、イベントに関わる情報を持つイベント・オブジェクトです。イベントリスナーの中で利用しない場合は、省略しても問題ありません。この書式でサポートされているイベントには以下のようなものがあります。submit以下は、クリックイベントの例で、ユーザーがリンクをクリックすると背景色を変更するサンプルです。class="sample">クリックすると背景色と文字色が変わります。背景色と文字色を変更します。$('a.sample')を指します。オブジェクトに変換しています。要素をクリックするとリンク先へ移動するのを防ぐために指定します。要素のクリックイベントの設定のイディオムとして覚えておくと良いと思います。クリックすると背景色と文字色が変わります。使ってイベントを定義することもできます。使ったイベントの設定の簡略版です。標準で対応していない(=イベントメソッドとして提供されていない)イベントにアクセスするにはこの方法を使う必要があります。使うと、複数のイベントリスナーをまとめて設定したり、一度に複数のイベントタイプを定義できたりと色々な設定が可能です。以下のようにすると、1つの要素に複数のイベントを設定することができます。第1引数に、イベントをスペース区切りで複数指定すると、それらのどのイベントが発生しても同じ処理をさせることができます。change)を指定しています。使って後から追加した要素に対してもイベントを設定できる」という点です。要素を追加しています。