반응형
[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
반응형
'Coding > JavaScript' 카테고리의 다른 글
| [JavaScript] 자바스크립트로 .ini 파일 읽기 & 불러오기 방법 !! (0) | 2023.05.09 |
|---|---|
| [JavaScript & jQuery] 제이쿼리를 사용하여 img 태그 src 변경하는 방법 !! (0) | 2023.05.08 |
| [JavaScript] 자바스크립트로 마우스 클릭 게임(점 클릭 게임) 만들기 !! (0) | 2023.04.24 |
| [JavaScript] 자바스크립트 정규식으로 사진 확장자 제거 하는 방법 !! (0) | 2023.04.23 |
| [javascript & ChatGPT] 자바스크립트로 chatGPT API 호출하는 방법 !! (0) | 2023.04.20 |
댓글