공식 홈페이지의 이 예에서는 onforminput 이벤트가 실행되지 않는 것 같습니다. 코드:
<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>조언 좀 부탁드립니다
그럼 테스트한 코드를 알려드리겠습니다. 하하, 아직 핵심이 아닌 html5 태그가 있나요?
원리: 출력을 입력으로 변경한 다음 onClick 이벤트를 사용하세요.
간단히 말하면 를 그런 다음 실행 후 마지막 입력 상자를 직접 클릭하고 입력 상자를 반드시 클릭하십시오.
<!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>공식 홈페이지의 예시가 왜 안되는지 헷갈릴 뿐입니다.
코드도 틀리고 이벤트 방식도 틀립니다.
위 내용은 html5에서 출력 태그의 onforminput 이벤트 실패에 대한 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
