Maison > Article > interface Web > 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
- 黄舟original
- 2017-07-03 10:43:223486parcourir
Dans cet exemple sur le site officiel, l'événement onforminput ne semble pas être exécuté. Le 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>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 d22c446ec904399785cd0c4bfd85cff9d76c8de0b204cd1b17c9571b0bbcceb6 par 0a0c2e16b8e9477590d4968872e55237 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>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!