Maison > interface Web > tutoriel HTML > Solution à l'échec de l'événement onforminput de la balise de sortie en HTML5

Solution à l'échec de l'événement onforminput de la balise de sortie en HTML5

黄舟
Libérer: 2017-07-03 10:43:22
original
3552 Les gens l'ont consulté

Dans cet exemple sur le site officiel, l'événement onforminput ne semble pas être exécuté. Le 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>
Copier après la connexion

Veuillez me donner quelques conseils

.

Alors je vais vous donner quelques conseils. Le code a été testé et réussi, haha, quelle balise html5, le noyau n'est pas js.

Principe : remplacez la sortie par l'entrée, puis utilisez l'événement onClick.

Pour faire simple, remplacez par C'est tout. Ensuite, après avoir exécuté, cliquez directement sur la dernière zone de saisie.

<!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>
Copier après la connexion

Je ne comprends tout simplement pas pourquoi l'exemple sur le site officiel ne fonctionne pas

Le code est erroné et la méthode d'événement est incorrecte.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal