JavaScript를 사용하여 클립보드에서 복사된 텍스트를 읽는 방법은 무엇입니까?

4011 단어 javascript
Originally posted here!

클립보드에서 복사한 텍스트를 JavaScript로 읽으려면 readText() 개체에서 navigator.clipboard 메서드를 사용할 수 있습니다.

// copy the text from clipboard
navigator.clipboard.readText().then((copiedText) => {
  console.log(copiedText); // copied text will be shown here.
});


  • readText() 메서드는 Promise 을 반환합니다.

  • 복사된 텍스트 읽기에 대한 예



    예를 들어 버튼을 누를 때 paragraph 태그에 복사된 텍스트를 표시하고 싶다고 가정합니다.

    어떻게 되는지 봅시다.

    먼저 빈paragraph 태그와 button 요소를 생성해 보겠습니다.

    <!-- Paragraph tag -->
    <p id="textSpace"></p>
    <!-- Button -->
    <button id="btn">Click here to show the copied text in the paragraph</button>
    


    이제 JavaScript를 사용하여 click 요소에서 button 이벤트를 수신하고 paragraph 태그에 텍스트를 표시해 보겠습니다.

    // get reference to paragraph
    const paragraph = document.getElementById("textSpace");
    
    // get reference to the button
    const button = document.getElementById("btn");
    
    // add click event handler to the button
    // so that after clicking the button
    // the copied text will be displayed in the paragraph tag
    button.addEventListener("click", () => {
      // copy the text from clipboard
      navigator.clipboard.readText().then((copiedText) => {
        paragraph.innerText = copiedText;
      });
    });
    


    이 정보가 유용하다고 생각되면 자유롭게 공유하세요 😃.

    좋은 웹페이지 즐겨찾기