[javascript/jquery] input paste 붙여넣기 이벤트 감지 방법

[javascript/jquery] input paste 붙여넣기 이벤트 감지 방법

 

 

javascript 나 jquery 로 input 태그를 제어하다보면

 

paste 액션을 감지해야 하는 경우가 있습니다!

 

그럴때는 아래 방법으로 체크하시면 됩니다!

 

예를들어, 

 

id 가 phone 인 input 태그가 있다고 가정하고,

 

해당 태그에 붙여넣기 되는 이벤트를 감지하려면 아래와 같이 스크립트를 사용하시면 됩니다!

    $( document ).ready(function() {
        $('#phone').on('paste', function(){
            // to do
        });
    });

 

 

여기서 추가적으로

 

아이폰에서는 위와 같은 방법으로 감지가 안되는 경우가 있습니다!

 

그럴때는 아래처럼 약간의 timout을 주어 이벤트를 감지할 수 있습니다!

    $( document ).ready(function() {
        $('#phone').on('paste', function(){
            setTimeout(() => {
                // to do
            }, 200);
        });
    });

 

참고들 하세요!