Coding/JavaScript

[JavaScript & jQuery] 제이쿼리로 input 텍스트 변경 시점 감지 및 찾는 방법 !!

포스트it 2023. 5. 3. 09:00
728x90
반응형

[JavaScript & jQuery] 제이쿼리로 input 텍스트 변경 시점 감지 및 찾는 방법 !!

jQuery를 이용하여 input 창에 텍스트 입력하거나 붙여넣을때 감지하는 코드입니다.예제코드 보시면서 바로 확인해보시죠 !

 

예제코드
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <title>Document</title>
</head>
<body>
  <input type="text" id="test" />
  <div id="output"></div>
</body>
</html>
<script>

$("#test").on("propertychange change keyup paste input", function() {
    var currentVal = $(this).val();
    $("#output").text(currentVal);
});

</script>

결과값

728x90
반응형