blob: d05127c86a5836201725ff6fd7b27dcf05a96b21 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
|
---
title: イベント開発者ガイド
slug: Web/Guide/Events
tags:
- DOM
- Event
- Guide
- events
translation_of: Web/Guide/Events
---
<div>{{draft()}}</div>
<p>イベントは、ウェブページの生存期間に起こる様々な出来事を非同期に扱うために使用されるデザインパターンと、さまざまな種類の多数の出来事についての名前、特性付け、利用の両方を指します。</p>
<p><a href="/ja/docs/Web/Guide/API/DOM/Events/Overview_of_Events_and_Handlers">概要ページ</a>では、デザインパターンの紹介と最近のウェブブラウザーで定義され行われる出来事の種類の概要を提供します。</p>
<p><a href="/ja/docs/Web/Guide/API/DOM/Events/Creating_and_triggering_events">カスタムイベントページ</a>では、独自コードでイベントコードのデザインパターンを使用して、ユーザーオブジェクトによって発行される新しいイベント型を定義し、それらのイベントを処理するためのリスナー関数を登録し、ユーザーのコードでイベントを発生させる方法について説明します。</p>
<p>その他のページでは、ウェブブラウザーで定義されているさまざまな種類のイベントの使用方法について説明します。残念なことに、これらのイベントはウェブブラウザーの進化に合わせて部分的に定義されてきたため、最新のウェブブラウザーに組み込まれている、または定義されているイベントの満足のいく体系的な特徴付けはありません。</p>
<p>ウェブブラウザーが実行されている<strong>端末</strong>は、例えば実世界での場所や方向の変化によってイベントが発生することがあり、これは<a href="/ja/docs/Web/Guide/API/DOM/Events/Orientation_and_motion_data_explained">方向座標系上のページ</a>および<a href="/ja/docs/Web/Guide/API/DOM/Events/Using_device_orientation_with_3D_transforms">三次元変換の使用上のページ</a>で部分的に説明されているとおりです。これは端末の縦の方向が変化した場合とは異なりますが、似ています。</p>
<p>ブラウザーが表示される<strong>ウィンドウ</strong>がイベントを発生させることがあります。例えば、ユーザーがウィンドウを最大化したり、その他の変更があったりすると、サイズ変更イベントが発生します。</p>
<p>ウェブページを読み込んでいる<strong>プロセス</strong>がユーザーに表示するためにウェブページをダウンロードし、解析し、レンダリングする様々な段階を補完するための応答としてイベントを発生することがあります。</p>
<p>ウェブページのコンテンツへの<strong>ユーザーの操作</strong>がイベントを発生させることがあります。ユーザーの操作によって発生したイベントは、ブラウザー設計の初期の頃に進化し、イベントが呼び出される順序およびその順序を制御することができる方法を定義する複雑なシステムを含んでいます。さまざまな種類のユーザー対話型イベントには、以下のものがあります。</p>
<ul>
<li>オリジナルの「クリック」イベント</li>
<li>マウスイベント</li>
<li><a href="/ja/docs/Web/Guide/API/DOM/Events/Mouse_gesture_events">マウスジェスチャーイベント</a>、および</li>
<li><a href="/ja/docs/Web/Guide/API/DOM/Events/Touch_events">タッチイベント</a>や、非推奨になったそれ以前の<a href="/ja/docs/Web/Guide/API/DOM/Events/Touch_events_(Mozilla_experimental)">Mozilla の実験的タッチイベント</a></li>
</ul>
<p>構造面やコンテンツにおける<strong>ウェブページの変更</strong>が、いくつかのイベントを発生させることがあり、<a href="/ja/docs/Web/Guide/API/DOM/Events/Mutation_events">変化イベントのページ</a>で説明されているとおりですが、これらのイベントはより軽い <a href="/ja/docs/Web/API/MutationObserver">Mutation Observer</a> のアプローチに置き換えられて非推奨になっています。</p>
<p>HTML 文書に埋め込まれた<strong>メディアストリーム</strong>がいくつかのイベントを発生させることがあり、<a href="/ja/docs/Web/Guide/API/DOM/Events/Media_events">メディアイベント</a>ページで説明されている通りです。</p>
<p>ウェブページによって行われる<strong>ネットワークリクエスト</strong>が、いくつかのイベントを発生させることがあります。</p>
<p>他にも、ウェブブラウザーが定義したイベントの発生源で、このガイドではまだ言及していないものがたくさんあります。</p>
<div class="note">
<p>メモ: このイベント開発者ガイドは継続的な作業が必要です。構造を再編したりページを書き直したりする必要があります。イベントについて知っておくことが必要なすべてをここで提供できるようになりたいと考えています。</p>
</div>
<h2 id="Docs" name="Docs">文書</h2>
<p>{{LandingPageListSubpages}}</p>
|
