집 > 기사 > 웹 프론트엔드 > jquery에 oninput 이벤트가 있나요?

jquery에 oninput 이벤트가 있나요?

WBOY원래의: 2022-06-14 19:03:012699검색

jquery에는 oninput 이벤트가 없습니다. 이 이벤트는 사용자가 HTML 및 JavaScript에 존재할 때 발생합니다. JavaScript에서는 addEventListener() 메서드를 사용하여 oninput 이벤트를 설정할 수 있습니다. object.addEventListener("입력", myScript);". <element oninput="myScript">

이 튜토리얼의 운영 환경: Windows 10 시스템, jquery 버전 3.6.0, Dell G3 컴퓨터.

jquery에 oninput 이벤트가 있나요?

사용자가 입력하면 oninput 이벤트가 발생합니다.

이 이벤트는 또는

요소의 값이 변경될 때 트리거됩니다. 팁: 이 이벤트는 onchange 이벤트와 유사합니다. 차이점은 oninput 이벤트는 요소 값이 변경될 때 즉시 트리거되는 반면 onchange는 요소가 포커스를 잃을 때 트리거된다는 것입니다. 또 다른 차이점은 onchange 이벤트가 <keygen> 요소에서도 작동한다는 것입니다. SyntaxHTML:<pre class="brush:html;toolbar:false"><element oninput="myScript"></pre>JavaScript:<pre class="brush:js;toolbar:false">object.oninput=function(){myScript};</pre>JavaScript, addEventListener() 메소드 사용:<pre class="brush:js;toolbar:false">object.addEventListener("input", myScript);</pre>예제는 다음과 같습니다. <pre class="brush:js;toolbar:false"><body>
在文本框中尝试输入触发函数。
<input type="text" id="myInput" oninput="myFunction()">

<script>
function myFunction() {
 var x = document.getElementById("myInput").value;
 document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script></pre>출력 결과: 
<img src="https://img.php.cn/upload/image/801/726/698/1655204575922039.gif" title="1655204575922039.gif" alt="jquery에 oninput 이벤트가 있나요?">동영상 튜토리얼 추천: jQuery 비디오 튜토리얼<a href="https://www.php.cn/course/list/19.html" target="_blank" textvalue="jQuery教程"></a> </keygen>

위 내용은 jquery에 oninput 이벤트가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：

이전 기사：jquery 객체와 js 객체의 차이점은 무엇입니까다음 기사：jquery 객체와 js 객체의 차이점은 무엇입니까