본문 바로가기

프로그래밍팁

[javascript 입력한 내용 클렙보드에 복사]

반응형

javascript로 클립보드에 input값을 복사하는 방법이다. 다른 예제들도 많지만, 그냥 간단한게 좋아서 작성하였다. .value로 해서 값을 가져온 후 window.clipboardData.setData로 설정하여 가져오는 방법을 사용하였다.

 

결과가 잘 나오고 만족해서 적어 보도록 하겠다. 

 

1. 가져올 값이 있는 태그 명 또는 id를 가지고 값을 가져온다.

     this.search.ieeno.value

 

2. 가져온 값을 클립보드에 저장한다.

    window.clipboardData.setData("Text",this.search.ieeno.value)

 

3. 저장된 값이 입력한 값인지 확인한다. 

ctrl + v로 확인하거나 로그를 찍거나 alert으로 확인한다.

 

[완성된 코드]

this.search_ma_onclick = function(){
    //클립보드 복사
    window.clipboardData.setData("Text",this.search.ieeno.value);
    
    //결과 보기
    console.log(this.search.ieeno.value);
    trace(this.search.ieeno.value);
    alert(this.search.ieeno.value);
};