> 웹 프론트엔드 > JS 튜토리얼 > navigator.clipboard 브라우저에서 기본 클립보드를 만드는 방법

navigator.clipboard 브라우저에서 기본 클립보드를 만드는 방법

php中世界最好的语言
풀어 주다: 2018-03-19 16:25:00
원래의
3331명이 탐색했습니다.

이번에는 navigator.clip보드 브라우저를 사용하여 네이티브 클립보드를 만드는 방법을 알려드리겠습니다. navigator.clipboard 브라우저를 사용하여 네이티브 클립보드를 만들 때 주의사항은 무엇인가요? .

브라우저 기본 클립보드 navigator.clipboard

Write navigator.clipboard.writeText

navigator.clipboard.writeText('Linr Text to be copied')
  .then(() => {
    console.log('Text copied to clipboard');
  })
  .catch(err => {
    // This can happen if the user denies clipboard permissions:
    console.error('Could not copy text: ', err);
});
로그인 후 복사

Read navigator.clipboard.readText

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });
로그인 후 복사
document.addEventListener('paste', event => {
  event.preventDefault();
  navigator.clipboard.getText().then(text => {
    console.log('Pasted text: ', text);
  });
});
로그인 후 복사

이 기사의 사례를 읽은 후 방법을 마스터했다고 믿습니다. 더 흥미로운 내용을 보려면 비용을 지불하세요. PHP 중국어 기타 관련 기사를 온라인으로 주목하세요!

추천 자료:

교차 도메인 솔루션 요청 CORS

react-native flatlist 풀업 로딩 onEndReached가 자주 발생함

Dom 속성을 사용하는 방법

위 내용은 navigator.clipboard 브라우저에서 기본 클립보드를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿