Heim > Artikel > Web-Frontend > Ausführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt

Ausführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt

伊谢尔伦Original: 2017-07-22 16:13:381202Durchsuche

Gemeinsame Definitionsmethode

<input type="button" name="Button" value="确定" 
onclick="Sfont=prompt(&#39;请在文本框中输入红色&#39;,&#39;红色&#39;,&#39; 提示框 &#39;);
if(Sfont==&#39;红色&#39;){
　　　　form1.style.fontFamily=&#39;黑体&#39;;
　　　　form1.style.color=&#39;red&#39;;
}"
/>

Dies ist die gebräuchlichste Definitionsmethode, bei der das JS-Ereignis direkt im oben genannten erforderlichen Objekt definiert wird. Die relevante Transformation ist die Form des Methodenaufrufs wie folgt:

<script>
  function show()
    {
      alert("show");
    }
</script>
<input type="button" name="show" onclick="show()"/>

Der zweite Typ

<script type="text/javascript" for="window" event="onload">
  alert("Welcome!");
</script>
<script type="text/javascript" for="window" event="onunload">
  alert("Thanks!");
</script>

Hier werden die Vorgänge definiert, die beim Laden und Entladen von Fenstern ausgeführt werden.

Wenn es sich um ein Ereignis für andere Objekte handelt, müssen Sie nur den Wert des for-Attributs für den Objektnamen und des Ereignisses für das überwachte Ereignis ändern. Wie folgt:

<script type="text/javascript" for="test" event="onclick">
alert("button!");
</script>

Der dritte Typ:

<input type="button" name="test" value="test"/>
<script>
function te()
{
  alert("test");
}
test.onclick=te;
</script>

Hier Wir verwenden das Registrierungsformular, um die Methode für das angegebene Ereignis des angegebenen Objekts zu registrieren. Wird über den Objektnamen aufgerufen.

Der vollständige Testcode lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript" for="window" event="onload">
alert("Welcome!");
</script>
<script type="text/javascript" for="window" event="onunload">
alert("Thanks!");
</script>
<form name="form1" method="post" action="">
JS很好学
</form>
<formn ame="form2" method="post" action="">
<input type="button" name="Button" value="确定" onclick="Sfont=prompt(&#39;请在文本框中输入红色&#39;,&#39;红色&#39;,&#39; 提示框 &#39;);if(Sfont==&#39;红色&#39;){form1.style.fontFamily=&#39;黑体&#39;;form1.style.color=&#39;red&#39;;}"/>
<input type="button" name="test" value="test"/>
<script>
function te()
{
alert("test");
}
test.onclick=te;
</script>

</form>
</body>
</html>

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie Javascript Beispiele für Ereignisdefinitionen erstellt. 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

Vorheriger Artikel：Detaillierte Erläuterung der Verwendung von Ereignisattributen zum Binden von Ereignisfunktionen in JavaScriptNächster Artikel：Detaillierte Erläuterung der Verwendung von Ereignisattributen zum Binden von Ereignisfunktionen in JavaScript

In Verbindung stehende Artikel

Mehr sehen