을 로 변경하고 실행하면 됩니다. 마지막 입력 상자에서 직접 입력 상자를 클릭하십시오."/> 을 로 변경하고 실행하면 됩니다. 마지막 입력 상자에서 직접 입력 상자를 클릭하십시오.">
공식 홈페이지의 이 예에서는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!