html5에서 출력 태그의 onforminput 이벤트 실패에 대한 해결 방법-HTML 튜토리얼-php.cn

html5에서 출력 태그의 onforminput 이벤트 실패에 대한 해결 방법

黄舟

풀어 주다： 2017-07-03 10:43:22

원래의

3535명이 탐색했습니다.

공식 홈페이지의 이 예에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!