JavaScript를 사용하여 클립보드에서 복사된 텍스트를 읽는 방법은 무엇입니까?
4011 단어 javascript
클립보드에서 복사한 텍스트를 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;
});
});
이 정보가 유용하다고 생각되면 자유롭게 공유하세요 😃.
Reference
이 문제에 관하여(JavaScript를 사용하여 클립보드에서 복사된 텍스트를 읽는 방법은 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/melvin2016/how-to-read-copied-text-from-clipboard-using-javascript-3he4텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)