입력 이벤트


Oninput

이벤트

인스턴스 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>在文本框中尝试输入触发函数。</p>
<input type="text" id="myInput" oninput="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
    var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script>

</body>
</html>

예제 실행 »

온라인 인스턴스 정의 및 사용량을 보려면

OnInput 이벤트를 보려면 "예제 실행" 버튼을 클릭하세요.
이벤트는 <input> <textarea> 요소의 값이 변경되면 실행됩니다.

팁:

이 이벤트는 onchange 이벤트와 유사합니다. 차이점은 요소 값이 변경되면 oninput 이벤트가 즉시 트리거된다는 것입니다. onchange는 요소가 포커스를 잃을 때 트리거됩니다. 또 다른 차이점은 onchange 이벤트가 <keygen> 및 <select> 요소.

브라우저 지원표의 숫자는 해당 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.

이벤트

예9.0 4.05.0예문법




oninput
HTML:

<

element

oninput="

myScript
">해 보세요
JavaScript:
object

.oninput=function(){

myScript
};해 보세요
JavaScript에서는 addEventListener() 메서드를 사용합니다.
object

.addEventListener("input",

myScript
); 시도해 보세요.
참고: Internet Explorer 8 및 이전 IE 버전은 addEventListener( )를 지원하지 않습니다. 방법.

기술 세부정보

버블링 지원 여부:

예취소 가능 여부:아니요이벤트 유형:이벤트지원되는 HTML 태그: < ;input type="password">, <input type="search">, <input type="text"> 및 <textarea>
←
→