From 96a932f2d32b0e1f200b54609179f2fe1326a77d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 9 Feb 2025 13:26:21 +0900 Subject: [PATCH] =?UTF-8?q?DOM=E3=82=AC=E3=82=A4=E3=83=89=E3=81=AE?= =?UTF-8?q?=E3=83=AA=E3=83=80=E3=82=A4=E3=83=AC=E3=82=AF=E3=83=88=E3=82=92?= =?UTF-8?q?=E6=AD=A3=E3=81=97=E3=81=84=E4=BD=8D=E7=BD=AE=E3=81=B8=E4=BF=AE?= =?UTF-8?q?=E6=AD=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/_redirects.txt | 5 +- .../api/document_object_model/events/index.md | 84 ------------------- 2 files changed, 3 insertions(+), 86 deletions(-) delete mode 100644 files/ja/orphaned/web/api/document_object_model/events/index.md diff --git a/files/ja/_redirects.txt b/files/ja/_redirects.txt index 6a2a21d0bc7339..83f9978d099030 100644 --- a/files/ja/_redirects.txt +++ b/files/ja/_redirects.txt @@ -580,7 +580,7 @@ /ja/docs/DOM/DOMString /ja/docs/Glossary/String /ja/docs/DOM/DOMTimeStamp /ja/docs/Glossary/Unix_time /ja/docs/DOM/DOM_Reference /ja/docs/Web/API/Document_Object_Model -/ja/docs/DOM/DOM_Reference/Events /ja/docs/orphaned/Web/API/Document_Object_Model/Events +/ja/docs/DOM/DOM_Reference/Events /ja/docs/Learn_web_development/Core/Scripting/Events /ja/docs/DOM/DOM_Reference/Examples /ja/docs/Web/API/Document_Object_Model/Examples /ja/docs/DOM/DOM_Reference/Introduction /ja/docs/Web/API/Document_Object_Model/Introduction /ja/docs/DOM/DOM_Reference/Preface /ja/docs/Web/API/Document_Object_Model @@ -3046,10 +3046,11 @@ /ja/docs/Web/API/DocumentOrShadowRoot/getSelection /ja/docs/Web/API/Document/getSelection /ja/docs/Web/API/DocumentOrShadowRoot/pointerLockElement /ja/docs/Web/API/Document/pointerLockElement /ja/docs/Web/API/DocumentOrShadowRoot/styleSheets /ja/docs/Web/API/Document/styleSheets -/ja/docs/Web/API/Document_Object_Model/Events /ja/docs/orphaned/Web/API/Document_Object_Model/Events +/ja/docs/Web/API/Document_Object_Model/Events /ja/docs/Learn_web_development/Core/Scripting/Events /ja/docs/Web/API/Document_Object_Model/How_to_create_a_DOM_tree /ja/docs/Web/API/Document_Object_Model/Using_the_Document_Object_Model /ja/docs/Web/API/Document_Object_Model/Preface /ja/docs/Web/API/Document_Object_Model /ja/docs/Web/API/Document_Object_Model/Using_the_W3C_DOM_Level_1_Core /ja/docs/Web/API/Document_Object_Model/Using_the_Document_Object_Model +/ja/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM /ja/docs/Web/API/Document_Object_Model/Whitespace /ja/docs/Web/API/Element.contentEditable /ja/docs/Web/API/HTMLElement/contentEditable /ja/docs/Web/API/Element.isContentEditable /ja/docs/Web/API/HTMLElement/isContentEditable /ja/docs/Web/API/Element.querySelector /ja/docs/Web/API/Element/querySelector diff --git a/files/ja/orphaned/web/api/document_object_model/events/index.md b/files/ja/orphaned/web/api/document_object_model/events/index.md deleted file mode 100644 index 6553ce61613fd7..00000000000000 --- a/files/ja/orphaned/web/api/document_object_model/events/index.md +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: イベントと DOM -slug: orphaned/Web/API/Document_Object_Model/Events ---- - -{{DefaultAPISidebar("DOM")}} - -## はじめに - -この章では DOM のイベントモデルを説明します。この [Event](https://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event) インターフェイス自身は、 DOM のノード上にイベントを登録する為のインターフェイスと同様であり、[イベントリスナー](/ja/docs/Web/API/EventTarget/addEventListener)であるとも言えます。いくつかの長い例は、様々な Event インターフェイスがどのように他と関連するかを示します。 - -[DOM レベル 3 イベントの原案](https://www.w3.org/TR/DOM-Level-3-Events/#dom-event-architecture)に、DOM を通して 3 つのフェーズから構成されるイベントフローを明確に説明した素晴らしい説明図があります。 - -また、イベントが DOM 内をどのように伝播するかについては更に詳細なコード例、[例 5: イベント伝播 (propagation)](/ja/docs/Web/API/Document_Object_Model/Examples#example_5.3a_event_propagation) を参照してください。 - -## イベントリスナーの登録 - -DOM の要素にイベントハンドラーを登録する方法は 3 つあります。 - -### {{domxref("EventTarget.addEventListener")}} - -```js -// myButton は button 要素だと仮定します -myButton.addEventListener('click', greet, false); -function greet(event){ - // print and have a look at the event object - // always print arguments in case of overlooking any other arguments - console.log('greet:', arguments) - alert('hello world') -} -``` - -これが最近のウェブページで使われる方法です。 - -> [!NOTE] -> Internet Explorer 6 から 8 はこの方法をサポートせず、 {{domxref("EventTarget.attachEvent")}} という似た API を代わりにサポートします。ブラウザー間の互換性を確保するには、数多くある JavaScript ライブラリのうちの一つを使用してください。 - -さらに詳細を知りたい場合は {{domxref("EventTarget.addEventListener")}} のリファレンスを参照してください。 - -### [HTML 属性](/ja/docs/Learn/JavaScript/Building_blocks/Events) - -```html -