oninput

oninput 이벤트는 사용자가 입력 필드 내의 내용을 변경할 때 발생하는 이벤트입니다. 이 이벤트는 텍스트 입력 필드, <textarea>, <select>, 그리고 <input> 요소의 다양한 유형에서 사용됩니다.

oninput 이벤트 핸들러를 사용하면 입력 필드의 내용이 변경될 때마다 JavaScript 함수가 호출됩니다. 이것은 사용자가 글자를 입력하거나 지우는 등의 작업을 수행할 때 유용합니다. oninput 이벤트를 사용하여 사용자의 입력을 모니터링하고 이를 처리하거나 검증하는 등의 작업을 수행할 수 있습니다.

예를 들어, oninput 이벤트 핸들러를 사용하여 사용자의 입력을 모니터링하고 숫자 입력 필드에서 숫자만 허용하도록 검증하는 경우:

 

 

<input type="text" id="numericInput" oninput="validateNumericInput(this)">

JavaScript에서 validateNumericInput 함수를 정의하여 숫자만 입력되도록 할 수 있습니다. 이 함수는 사용자가 입력한 내용을 확인하고 필요에 따라 수정할 수 있습니다.