Heim > Web-Frontend > HTML-Tutorial > Lösung für den Fehler des onforminput-Ereignisses des Ausgabe-Tags in HTML5

Lösung für den Fehler des onforminput-Ereignisses des Ausgabe-Tags in HTML5

黄舟
Freigeben: 2017-07-03 10:43:22
Original
3573 Leute haben es durchsucht

In diesem Beispiel auf der offiziellen Website scheint das onforminput-Ereignis nicht ausgeführt zu werden. Der Code:

<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器:</p>
<form onsubmit="return false">
<input id="num_a" /> +
<input id="num_b" /> =
<output id="result" onforminput="resCalc()"></output>
</form>
</body>
Nach dem Login kopieren

Bitte geben Sie mir einen Rat

Dann gebe ich Ihnen einige Ratschläge. Der Code wurde getestet und bestanden, haha, was für ein html5-Tag, der Kern ist nicht js.

Prinzip: Ausgabe in Eingabe ändern und dann das Ereignis onClick verwenden.

Um es einfach auszudrücken: Ändern Sie in Klicken Sie dann nach dem Ausführen direkt auf das Eingabefeld.

<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function resCalc()
{
numA=document.getElementById("num_a").value;
numB=document.getElementById("num_b").value;
document.getElementById("result").value=Number(numA)+Number(numB);
}
</script>
</head>
<body>
<p>使用 output 元素的简易计算器:</p>
<form onsubmit="return false">
 <input id="num_a" /> +
 <input id="num_b" /> =
 <input id="result" onclick="resCalc()" />
</form>
 
</body>
</html>
Nach dem Login kopieren

Ich bin nur verwirrt darüber, warum das Beispiel auf der offiziellen Website nicht funktioniert

Der Code ist falsch und die Ereignismethode ist falsch.

Das obige ist der detaillierte Inhalt vonLösung für den Fehler des onforminput-Ereignisses des Ausgabe-Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage