onforminput 속성

정의

기존에는 input태그에 keyup과 keydown 이벤트 핸들러를 부여해서 처리하였지만, output태그에 onforminput 이벤트 핸들러 부여하면, 바로 값을 확인 할 수 있습니다.

<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>
<form onsubmit="return false">
 <input id="num_a" /> *
 <input id="num_b" /> =
 <output id="result" onforminput="resCalc()"></output>
</form>

</body>

와 같이 만듭니다.

발생 가능한 요소

<output>

메모

오페라 최신브라우저에서 onforminput 이벤트 핸들러를 지원하고 있습니다.(11.10.26)

참조

기준 명세를 바탕으로 명세 번역과 레퍼런스 제작이 이루어졌습니다. 최근 내용은 최신 명세를 확인해 주세요.

 
html5/event/onforminput.txt · 마지막 수정: 2013/11/19 13:35 (외부 편집기)
이 레퍼런스는 클리어보스가 제작/운영하고 있으며, 다음의 라이센스를 따릅니다 :CC 저작자표시-비영리-동일조건변경허락 2.0
Recent changes RSS feed World Wide Web Consortium Driven by DokuWiki