Heim  >  Artikel  >  Web-Frontend  >  Ereignisobjekte und Zusammenfassung verschiedener Ereignisse

Ereignisobjekte und Zusammenfassung verschiedener Ereignisse

零下一度
零下一度Original
2018-05-24 10:00:061936Durchsuche

Ereignis

Ereignisobjekt

(1) Was ist ein Ereignisobjekt?

Das Event-Objekt stellt den Status des Ereignisses dar, z. B. das Element, in dem das Ereignis aufgetreten ist, den Status der Tastaturtasten, die Position der Maus und den Status der Maustaste. Ereignisse werden häufig in Verbindung mit Funktionen verwendet, die erst ausgeführt werden, wenn das Ereignis eintritt!

(2)Ereignisbezogene Methoden und Attribute

 1. Google event.stopPropagation(), IE event.CancelBubble=true: Beenden Sie das Ereignis in der Erfassungs-, Zielverarbeitungs- oder Bubbling-Phase des Der Ausbreitungsprozess breitete sich weiter aus. Nach dem Aufruf dieser Methode wird der Handler für das Ereignis auf dem Knoten aufgerufen und das Ereignis wird nicht mehr an andere Knoten gesendet

 2. Google event.preventDefault(), IE event.returnvalue=false: Das Ereignis abbrechen. Die Standardaktion (href eines Tags).

3. event.clientX, event.clientY: X-, Y-Koordinaten (Fensterkoordinaten) der Maus relativ zum sichtbaren Bereich des Browserfensters. Der sichtbare Bereich umfasst keine Symbolleisten und Bildlaufleisten. Sowohl IE-Ereignisse als auch Standardereignisse definieren diese beiden Attribute

4. event.offsetX, event.offsetY: X-, Y-Koordinaten der Maus relativ zum Ereignisquellelement (das Element, das das Ereignis ausgelöst hat). Nur IE Ereignisse haben Diese beiden Attribute haben keine entsprechenden Attribute für Standardereignisse. Identisch mit event.offsetLeft, event.offsettop.

5. event.screenX, event.screenY: X-, Y-Koordinaten der Maus relativ zur oberen linken Ecke des Monitorbildschirms des Benutzers. Sowohl Standardereignisse als auch IE-Ereignisse definieren diese beiden Eigenschaften.

6. event.keyCode: Ermitteln Sie den Codewert des Schlüssels. Beispiel: Woher wissen wir, welche Taste wir im Programm drücken? Der Programmierer hat von Anfang an einen Code für jede Taste auf der Tastatur definiert geklickt.

1. Mausereignis, alle Elemente auf der Seite können ausgelöst werden

Klick: Wird ausgelöst, wenn der Benutzer mit der Maustaste klickt oder die Eingabetaste drückt.

input.onclick = function () {
  alert('Lee');
};

dblclick: Wird ausgelöst, wenn der Benutzer auf die primäre Maustaste doppelklickt.

input.ondblclick = function () {
  alert('Lee');
};

Mousedown: Wird ausgelöst, wenn der Benutzer die Maus drückt, sie aber noch nicht nach oben bewegt hat.

input.onmousedown = function () {
  alert('Lee');
};

Mouseup: Wird ausgelöst, wenn der Benutzer die Maustaste loslässt.

input.onmouseup = function () {
  alert('Lee');
};

Mouseover (Mouseenter-Methode sprudelt nicht) : Wird ausgelöst, wenn sich die Maus über ein Element bewegt.

input.onmouseover = function () {
  alert('Lee');
};

Mouseout (Mouseleaver sprudelt bei dieser Methode nicht) : Wird ausgelöst, wenn sich die Maus aus einem Element herausbewegt.

input.onmouseout = function () {
  alert('Lee');
};

mousemove: Wird ausgelöst, wenn sich der Mauszeiger über das Element bewegt.

input.onmousemove = function () {
  alert('Lee');
};

2. Tastaturereignis

keydown: Wird ausgelöst, wenn der Benutzer eine beliebige Taste auf der Tastatur drückt und gedrückt hält.

onkeydown = function () {
  alert('Lee');
};

Tastendruck: Wird ausgelöst, wenn der Benutzer eine Zeichentaste auf der Tastatur drückt. Wenn sie gedrückt und gedrückt gehalten wird, wird sie wiederholt ausgelöst.

onkeypress = function () {
  alert('Lee');
};

keyup: Wird ausgelöst, wenn der Benutzer eine Taste auf der Tastatur loslässt.

onkeyup = function () {
  alert('Lee');
};

3. HTMLEreignis

Laden: Wenn die Seite vollständig geladen ist, im FensterOben ausgelöst oder auf dem Frameset ausgelöst, nachdem das Frameset geladen wurde.

window.onload = function () {
  alert('Lee');
};

Entladen: Wird im Fenster ausgelöst, nachdem die Seite vollständig entladen wurde oder wenn das Frameset leer ist entladen Dann auf dem Frameset ausgelöst.

window.onunload = function () {
  alert('Lee');
};

Auswählen: Wenn der Benutzer das Textfeld (Eingabe oder Textbereich) auswählt .

input.onselect = function () {
  alert('Lee');
};
Ändern

: Wenn das Textfeld (Eingabe oder Textbereich) Inhalt wird ausgelöst, nachdem der Fokus geändert und verloren wurde.

input.onchange = function () {
  alert('Lee');
};
Fokus

: Wird auf Fenster und zugehörigen Elementen ausgelöst, wenn die Seite oder das Element den Fokus erhält.

input.onfocus = function () {
  alert('Lee');
};
Unschärfe

: Wird im Fenster und zugehörigen Elementen ausgelöst, wenn die Seite oder das Element den Fokus verliert.

input.onblur = function () {
  alert('Lee');
};
Senden

: Wird ausgelöst, wenn der Benutzer auf die Schaltfläche „Senden“ im Element ff9c23ada1bcecdd1a0fb5d5a0f18437 klickt.

form.onsubmit = function () {
  alert('Lee');
};

reset:当用户点击重置按钮在ff9c23ada1bcecdd1a0fb5d5a0f18437元素上触发。

form.onreset= function () {
  alert('Lee');
};

resize:当窗口或框架的大小变化时在window或框架上触发。

window.onresize = function () {
  alert('Lee');
};

scroll:当用户滚动带滚动条的元素时触发。

window.onscroll = function () {
  alert('Lee');
};


Das obige ist der detaillierte Inhalt vonEreignisobjekte und Zusammenfassung verschiedener Ereignisse. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn