현재 클립 보드 콘텐츠를 받으시겠습니까? [닫은]

내 스크립트가 클립 보드의 내용을 감지하고 사용자의 입력없이 페이지가 열릴 때 텍스트 필드에 붙여 넣는 방법을 알고 싶습니다. 어떻게 할 수 있습니까?

window.clipboardData.getData('Text')일부 브라우저에서 작동합니다. 그러나 작동하는 많은 브라우저는 웹 페이지에서 클립 보드에 액세스 할 수 있는지 여부를 사용자에게 묻습니다.

를 통해 새 클립 보드 API를 사용합니다 navigator.clipboard. 다음과 같이 사용할 수 있습니다.

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });

또는 비동기 구문 :

const text = await navigator.clipboard.readText();

이렇게하면 사용자에게 권한 요청 대화 상자가 표시되므로 재미있는 비즈니스가 불가능합니다.

위의 코드는 콘솔에서 호출하면 작동하지 않습니다. 활성 탭에서 코드를 실행할 때만 작동합니다. 콘솔에서 코드를 실행하려면 시간 제한을 설정하고 웹 사이트 창을 빠르게 클릭 할 수 있습니다.

setTimeout(async () => {
  const text = await navigator.clipboard.readText();
  console.log(text);
}, 2000);

Google 개발자 문서 에서 API 및 사용법에 대해 자세히 알아보세요 .

투기

당신이 사용할 수있는

window.clipboardData.getData('Text')

IE에서 사용자의 클립 보드 내용을 가져옵니다. 그러나 다른 브라우저에서는 클립 보드에 액세스하기위한 표준 인터페이스가 없기 때문에 콘텐츠를 가져 오기 위해 플래시를 사용해야 할 수 있습니다. 이 플러그인 Zero Clipboard를 사용해 볼 수 있습니다.

다음은 선택한 콘텐츠를 제공하고 클립 보드를 업데이트합니다.

복사 이벤트로 요소 ID를 바인딩 한 다음 선택한 텍스트를 가져옵니다. 텍스트를 바꾸거나 수정할 수 있습니다. 클립 보드를 가져 와서 새 텍스트를 설정합니다. 정확한 형식을 얻으려면 유형을 "text / hmtl"로 설정해야합니다. 요소 대신 문서에 바인딩 할 수도 있습니다.

document.querySelector('element').bind('copy', function(event) {
  var selectedText = window.getSelection().toString(); 
  selectedText = selectedText.replace(/\u200B/g, "");

  clipboardData = event.clipboardData || window.clipboardData || event.originalEvent.clipboardData;
  clipboardData.setData('text/html', selectedText);

  event.preventDefault();
});