From 4ab365b110f2f1f2b736326b7059244a32115089 Mon Sep 17 00:00:00 2001 From: Florian Merz Date: Thu, 11 Feb 2021 14:45:38 +0100 Subject: unslug de: move --- files/de/web/events/change/index.html | 109 ----------------- files/de/web/events/domcontentloaded/index.html | 156 ------------------------ files/de/web/events/load/index.html | 88 ------------- files/de/web/events/readystatechange/index.html | 86 ------------- 4 files changed, 439 deletions(-) delete mode 100644 files/de/web/events/change/index.html delete mode 100644 files/de/web/events/domcontentloaded/index.html delete mode 100644 files/de/web/events/load/index.html delete mode 100644 files/de/web/events/readystatechange/index.html (limited to 'files/de/web/events') diff --git a/files/de/web/events/change/index.html b/files/de/web/events/change/index.html deleted file mode 100644 index 8836b6bc67..0000000000 --- a/files/de/web/events/change/index.html +++ /dev/null @@ -1,109 +0,0 @@ ---- -title: change -slug: Web/Events/change -translation_of: Web/API/HTMLElement/change_event ---- -

Das change Event wird von {{HTMLElement("input")}}, {{HTMLElement("select")}}, und {{HTMLElement("textarea")}} Elementen ausgelöst, wenn der Benutzer den Wert des Elements verändert. Im Gegensatz zum {{event("input")}} Event wird das change Event nicht bei jeder Änderung der value Eigenschaft ausgelöst.

- -

General info

- -
-
Specification
-
HTML5
-
Interface
-
{{domxref("Event")}}
-
Bubbles
-
Yes
-
Cancelable
-
No
-
Target
-
Element
-
Default Action
-
undefined
-
- -

Eigenschaften

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyTypeDescription
target {{readonlyInline}}{{domxref("EventTarget")}}The event target (the topmost target in the DOM tree).
type {{readonlyInline}}{{domxref("DOMString")}}The type of event.
bubbles {{readonlyInline}}{{jsxref("Boolean")}}Whether the event normally bubbles or not.
cancelable {{readonlyInline}}{{jsxref("Boolean")}}Whether the event is cancellable or not.
- -

Beschreibung

- -

Das change Event wird abhängig vom Form-Element, welches verändert wird, und der Art der Benutzerinteraktion mit dem Element in verschiedenen Situationen ausgelöst:

- - - -

Verschiedene Webbbrowser unterscheiden sich darin, ob das change Event bei bestimmten Interaktionen ausgelöst werden soll oder nicht. Tastaturnavigation in {{HTMLElement("select")}} Elementen zum Beispiel lösen das change event in Gecko nie aus bis der Benutzer die Enter-Taste drückt oder den Fokus vom <select> (see {{bug("126379")}}) Element nimmt.

- -

Die HTML Spezifikation listet die <input> Typen, welche das change Event auslösen können.

- -

Beispiele

- -

Ein unvollständiges Beispiel auf jsfiddle: http://jsfiddle.net/nfakc/5/, welches möglicherweise nich in allen Webbrowsern funktioniert.

- -

Beispiel: Change Event auf einem select

- -

Der folgende Code behandelt das change Event eines select durch den Aufruf der changeEventHandler Funktion im onchange Attribut. Die Funktion liest den Wert des Elements, das das Event auslöste, und gibt ihn in einem Alert aus.

- -
<html>
-  <head>
-    <title>Example: Change event on a select</title>
-    <script type="text/javascript">
-      function changeEventHandler(event) {
-        alert('You like ' + event.target.value + ' ice cream.');
-      }
-    </script>
-    </head>
-    <body>
-        <label>Choose an ice cream flavor: </label>
-        <select size="1" onchange="changeEventHandler(event);">
-            <option>chocolate</option>
-            <option>strawberry</option>
-            <option>vanilla</option>
-        </select>
-    </body>
-</html>
-
- -

Siehe auch

- -

{{domxref("NetworkInformation.connection")}} löst das change Event  aus, wenn sich die Informationen zur Verbindung verändern.

- -

Webbrowserkompatibilität

- -

{{ CompatibilityTable() }}

- -

Laut QuirksMode sind Chrome und Firefox manchmal kompatibel. Aber IE9 und frühere Versionen von IE10 haben nur eine unvollständige Unterstützung.

diff --git a/files/de/web/events/domcontentloaded/index.html b/files/de/web/events/domcontentloaded/index.html deleted file mode 100644 index d6841f774a..0000000000 --- a/files/de/web/events/domcontentloaded/index.html +++ /dev/null @@ -1,156 +0,0 @@ ---- -title: DOMContentLoaded -slug: Web/Events/DOMContentLoaded -tags: - - Referenz - - Web - - events -translation_of: Web/API/Window/DOMContentLoaded_event ---- -

Das DOMContentLoaded-Event wird ausgelöst, wenn das initiale HTML-Dokument vollständig geladen und geparst ist. Es wird dabei nicht auf Stylesheets, Bilder und Frames gewartet. Das load-Event sollte im Gegensatz dazu nur benutzt werden um eine komplett geladene Seite zu erkennen. Es ist ein weit verbreiteter Fehler das load-Event zu benutzen, obwohl DOMContentLoaded wesentlich besser geeignet wäre.

- -

{{Note("Synchrones JavaScript pausiert das Parsen des DOM.")}}

- -

{{Note("Es gibt viele Bibliotheken, die Methoden bereitstellen, um bei verschiedenen Browsern zu erkennen, ob das DOM bereit ist.")}}

- -

Performanz

- -

Wenn DOM so schnell wie möglich geladen werden soll, nachdem der Benutzer die Seite angefragt hat, sollte zum einen das JavaScript asynchron ausgeführt und das Laden der Stylesheets optimiert werden, was bei zu häufigem Einsatz den Aufbau der Seite durch das parallele Laden verlangsamen kann.

- -

Allgemeine Informationen

- -
-
Specification
-
HTML5
-
Interface
-
Event
-
Bubbles
-
Ja
-
Abbrechbar
-
Ja (Auch wenn es als ein einfaches Event spezifiziert ist, das nicht abgebrochen werden kann)
-
Ziel
-
Dokument
-
Standardaktion
-
Keine
-
- -

Eigenschaften

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyTypeDescription
target {{readonlyInline}}{{domxref("EventTarget")}}Das Zielelement des Events (das oberste Ziel im DOM Baum).
type {{readonlyInline}}{{domxref("DOMString")}}Der Typ des Events.
bubbles {{readonlyInline}}{{jsxref("Boolean")}}Gibt an, ob das Event weiter nach oben wandert (bubble).
cancelable {{readonlyInline}}{{jsxref("Boolean")}}Gibt and, ob das Event abbrechbar ist.
- -

Beispiel

- -
<script>
-  document.addEventListener("DOMContentLoaded", function(event) {
-    console.log("DOM fully loaded and parsed");
-  });
-</script>
-
- -
<script>
-  document.addEventListener("DOMContentLoaded", function(event) {
-    console.log("DOM fully loaded and parsed");
-  });
-
-for(var i=0; i<1000000000; i++)
-{} // Dieses synchrone Script wird das Parsen des DOMs verzögern. Dadurch wird das DOMContentLoaded-Event erst später ausgelöst.
-</script>
-
- -

Browserkompatibilität

- -

{{CompatibilityTable}}

- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureChromeEdgeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0[1]{{CompatVersionUnknown}}{{CompatGeckoDesktop("1")}}[1]9.0[2]9.03.1[1]
-
- -
- - - - - - - - - - - - - - - - - - - - - -
FeatureAndroidEdgeFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}[1]{{CompatVersionUnknown}}{{CompatGeckoMobile("1")}}[1]{{CompatUnknown}}[2]{{CompatVersionUnknown}}{{CompatVersionUnknown}}[1]
-
- -

[1] Bubbling für dieses Event benötigt mindestens Gecko 1.9.2, Chrome 6, and Safari 4.

- -

[2] Internet Explorer 8 unterstützt das  readystatechange-Event, welches genutzt werden kann um festzustellen, wenn das DOM fertig ist. In früheren Versionen des Internet Explorers kann dieser Status festgestellt werden, indem wiederholt versucht wird, document.documentElement.doScroll("left"); auszuführen. Dieser Befehl gibt einen Error zurück, bis das DOM bereit ist.

- -

Verwandte Events

- - diff --git a/files/de/web/events/load/index.html b/files/de/web/events/load/index.html deleted file mode 100644 index 066a2bea25..0000000000 --- a/files/de/web/events/load/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: load -slug: Web/Events/load -translation_of: Web/API/Window/load_event ---- -

Das load Ereignis wird ausgelöst, sobald eine Ressource und die von ihr abhängigen Ressourcen das Laden beendet haben.

- -

General info

- -
-
Spezifikation
-
DOM L3
-
Schnittstelle
-
UIEvent
-
bubbles
-
Nein
-
cancelable
-
Nein
-
Ziel
-
Window,Document,Element
-
Default Action
-
None.
-
- -

Properties

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyTypeDescription
target {{readonlyInline}}EventTargetThe event target (the topmost target in the DOM tree).
type {{readonlyInline}}DOMStringThe type of event.
bubbles {{readonlyInline}}BooleanWhether the event normally bubbles or not.
cancelable {{readonlyInline}}BooleanWhether the event is cancellable or not.
view {{readonlyInline}}WindowProxydocument.defaultView (window of the document)
detail {{readonlyInline}}long (float)0.
- -

Example

- -
<script>
-  window.addEventListener("load", function(event) {
-    console.log("Alle Ressourcen haben das Laden beendet!");
-  });
-</script>
-
- -

 

- - - - diff --git a/files/de/web/events/readystatechange/index.html b/files/de/web/events/readystatechange/index.html deleted file mode 100644 index 9fba4b5dee..0000000000 --- a/files/de/web/events/readystatechange/index.html +++ /dev/null @@ -1,86 +0,0 @@ ---- -title: readystatechange -slug: Web/Events/readystatechange -tags: - - Referenz - - XMLHttpRequest -translation_of: Web/API/Document/readystatechange_event ---- -

{{ApiRef}}

- -

Das Ereignis readystatechange wird ausgelöst, wenn sich die Eigenschaft readyState eines Dokumentes verändert hat.

- -

Allgemeine Information

- -
-
Spezifikation
-
HTML5
-
Schnittstelle
-
Event
-
Aufsteigend
-
Nein
-
Abbrechbar
-
Nein
-
Ziel
-
Dokument
-
Standardaktion
-
Keine
-
- -

Eigenschaften

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
PropertyTypeDescription
target {{readonlyInline}}{{domxref("EventTarget")}}The event target (the topmost target in the DOM tree).
type {{readonlyInline}}{{domxref("DOMString")}}The type of event.
bubbles {{readonlyInline}}{{jsxref("Boolean")}}Whether the event normally bubbles or not.
cancelable {{readonlyInline}}{{jsxref("Boolean")}}Whether the event is cancellable or not.
- -

Beispiel

- -
// als Alternative zu DOMContentLoaded
-document.onreadystatechange = function () {
-    if (document.readyState == "interactive") {
-        initApplication();
-    }
-}
-
- -

Browser-Kompatibilität

- -

Dieses Ereignis wird vom Internet Explorer schon sehr lange unterstützt und kann daher als Alternative zum DOMContentLoaded-Ereignis genutzt werden (vgl. Anmerkung [2] im Abschnitt Browserkompatibilität).

- -

Verwandte Ereignisse

- - -- cgit v1.2.3-54-g00ecf