jquery에 oninput 이벤트가 있나요?-프런트엔드 Q&A-php.cn

jquery에 oninput 이벤트가 있나요?

WBOY

풀어 주다： 2022-06-14 19:03:01

원래의

2687명이 탐색했습니다.

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

jquery에 oninput 이벤트가 있나요?

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

jquery에 oninput 이벤트가 있나요?

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

이 이벤트는 또는

요소의 값이 변경될 때 트리거됩니다. <p></p>팁: 이 이벤트는 onchange 이벤트와 유사합니다. 차이점은 oninput 이벤트는 요소 값이 변경될 때 즉시 트리거되는 반면 onchange는 요소가 포커스를 잃을 때 트리거된다는 것입니다. 또 다른 차이점은 onchange 이벤트가 <keygen> 요소에서도 작동한다는 것입니다. <p></p>Syntax<p></p>HTML:<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><element oninput="myScript"></pre><div class="contentsignin">로그인 후 복사</div></div></p>JavaScript:<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">object.oninput=function(){myScript};</pre><div class="contentsignin">로그인 후 복사</div></div></p>JavaScript, addEventListener() 메소드 사용:<p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">object.addEventListener("input", myScript);</pre><div class="contentsignin">로그인 후 복사</div></div></p>예제는 다음과 같습니다.<p><br/><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><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></pre><div class="contentsignin">로그인 후 복사</div></div></p>출력 결과:<p><br></p>
<p><img src="https://img.php.cn/upload/image/801/726/698/1655204575922039.gif" title="1655204575922039.gif" alt="jquery에 oninput 이벤트가 있나요?"></p>동영상 튜토리얼 추천: <p> jQuery 비디오 튜토리얼<a href="https://www.php.cn/course/list/19.html" target="_blank" textvalue="jQuery教程"></a><br></p></keygen>

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