로 변경하고 실행하면 됩니다. 마지막 입력 상자에서 직접 입력 상자를 클릭하십시오."/> 로 변경하고 실행하면 됩니다. 마지막 입력 상자에서 직접 입력 상자를 클릭하십시오.">

 >  기사  >  웹 프론트엔드  >  html5에서 출력 태그의 onforminput 이벤트 실패에 대한 해결 방법

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

黄舟
黄舟원래의
2017-07-03 10:43:223528검색

공식 홈페이지의 이 예에서는 onforminput 이벤트가 실행되지 않는 것 같습니다. 코드: 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>

조언 좀 부탁드립니다

그럼 테스트한 코드를 알려드리겠습니다. 하하, 아직 핵심이 아닌 html5 태그가 있나요?

원리: 출력을 입력으로 변경한 다음 onClick 이벤트를 사용하세요.

간단히 말하면 d22c446ec904399785cd0c4bfd85cff9d76c8de0b204cd1b17c9571b0bbcceb6를 e3928256333dca70bfa3c38aff171bb0 그런 다음 실행 후 마지막 입력 상자를 직접 클릭하고 입력 상자를 반드시 클릭하십시오.

<!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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.