in und führen Sie es dann aus. Klicken Sie direkt auf das letzte Eingabefeld. Klicken Sie unbedingt auf das Eingabefeld."/> in und führen Sie es dann aus. Klicken Sie direkt auf das letzte Eingabefeld. Klicken Sie unbedingt auf das Eingabefeld.">

Heim  >  Artikel  >  Web-Frontend  >  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

黄舟
黄舟Original
2017-07-03 10:43:223528Durchsuche

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

<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>

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 d22c446ec904399785cd0c4bfd85cff9d76c8de0b204cd1b17c9571b0bbcceb6 in e3928256333dca70bfa3c38aff171bb0 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>

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!

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