suchen

Heim >Web-Frontend >js-Tutorial >Was ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?

Was ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?

青灯夜游
青灯夜游nach vorne
2018-10-16 17:47:491913Durchsuche

In diesem Artikel erfahren Sie, was beim JavaScript-Lernen geschieht. Wofür werden Veranstaltungen genutzt? Lassen Sie alle wissen, was häufig verwendete Ereignisse sind und was Ereignisse bewirken können. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.

Zuerst verstehen wir Was ist ein Ereignis?

Ereignisse sind Verhaltensweisen, die von JavaScript erkannt werden können.

HTML-Ereignisse sind Dinge, die mit HTML-Elementen passieren.

Wenn JavaScript in einer HTML-Seite verwendet wird, kann JavaScript diese Ereignisse auslösen.

HTML-Ereignisse

HTML-Ereignisse können Browserverhalten oder Benutzerverhalten sein.

Jedes Element in einer HTML-Webseite kann bestimmte Ereignisse generieren, die JavaScript-Funktionen auslösen können.

Das Folgende sind Beispiele für HTML-Ereignisse:

  • Laden der HTML-Seite abgeschlossen

  • Wenn sich das HTML-Eingabefeld ändert

  • HTML-Schaltfläche angeklickt wird

Wenn ein Ereignis eintritt, gibt es normalerweise Dinge, die Sie tun können.

Wenn ein Ereignis ausgelöst wird, kann JavaScript Code ausführen. Ereignisattribute können zu

HTML-Elementen hinzugefügt werden und JavaScript-Code kann zum Hinzufügen von HTML-Elementen verwendet werden. 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;getElementById("demo").innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

Im obigen Beispiel ändert der JavaScript-Code den Inhalt des Elements mit id="demo". 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
    <span id="demo"></span>
    <button onclick=&#39;this.innerHTML=Date()&#39;>时间</button>
</body>
<script type="text/javascript">
    
</script>
</html>

Im obigen Beispiel ändert der JavaScript-Code den Inhalt seines eigenen Elements. (Verwenden Sie this.innerHTML).

JavaScript-Code besteht normalerweise aus ein paar Codezeilen und wird häufiger über Ereignisattribute aufgerufen.

Allgemeine HTML-Ereignisse

onkeydown
事件 描述
onchange HTML元素改变
onclick　 用户点击HTML元素
onmouseover 用户在一个HTML元素上移动鼠标
onmouseout 用户在一个HTML元素上移开鼠标
onkeydown 用户按下键盘按键
onload 浏览器已完成页面的加载
Event		 Beschreibung
onchange onclick　 Benutzer klickt auf HTML-Element
onmouseover Der Benutzer bewegt die Maus über ein HTML-Element
onmouseout Der Benutzer bewegt die Maus von einem HTML-Element weg
Benutzer drückt Tastaturtaste
onload Browser-vervollständigte Seite wird geladen


Was können JavaScript-Ereignisse bewirken?

Ereignisse können zur Verarbeitung von Formularvalidierung, Benutzereingaben, Benutzerverhalten und Browseraktionen verwendet werden:

  • Seitenladen Das Ereignis wird ausgelöst, wenn

  • Das Ereignis wird ausgelöst, wenn die Seite geschlossen wird

  • Der Benutzer klickt auf die Schaltfläche, um die Aktion auszuführen

  • Überprüfung der Rechtmäßigkeit der Benutzereingabe

  • . . . . . .

Sie können mehrere Methoden verwenden, um JavaScript-Ereigniscode auszuführen

  • HTML-Ereignisattribute können JavaScript-Code direkt ausführen

  • HTML-Ereignisattribute können JavaScript-Funktionen direkt aufrufen

  • Sie können Ihren eigenen Ereignishandler für HTML-Ereignisattribute angeben

  • Sie können blockieren Ereignisse Das Auftreten von

  • . . . . . .

Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial, jQuery-Video-Tutorial, Bootstrap-Tutorial!

Das obige ist der detaillierte Inhalt vonWas ist das Ereignis des JavaScript-Lernens? Wofür werden Veranstaltungen genutzt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Dieser Artikel ist reproduziert unter:cnblogs.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：Was ist ein String beim JavaScript-Lernen? Einführung in das Wissen über JS-StringsNächster Artikel：Was ist ein String beim JavaScript-Lernen? Einführung in das Wissen über JS-Strings

In Verbindung stehende Artikel

Mehr sehen