브라우저 전반에 걸쳐 JavaScript에 붙여넣은 데이터에서 일반 텍스트를 어떻게 가로채서 추출할 수 있습니까?

JavaScript에서 붙여넣은 데이터 감지 및 검색(크로스 브라우저)

웹 애플리케이션은 데이터를 캡처하기 전에 데이터를 캡처하고 사전 처리해야 하는 경우가 많습니다. 텍스트 편집기에 붙여넣었습니다. 여기에는 기존 형식을 유지하면서 HTML 태그와 같은 특정 요소를 제거하는 작업이 포함될 수 있습니다. 그러나 전통적인 붙여넣기 후 삭제 기술은 이전 텍스트 형식을 방해할 수 있습니다.

이 문제를 해결하기 위해 최신 브라우저 API를 활용하여 붙여넣기 이벤트를 가로채고 붙여넣은 데이터를 검색하는 솔루션을 살펴보겠습니다.

해결책 #1: 일반 텍스트 추출(Firefox 22 및 최신 브라우저)

의 경우 DataTransfer API를 지원하는 브라우저(예: IE9, Firefox 22, Chrome, Safari, Edge)에서 다음 접근 방식을 사용하면 클립보드 데이터에서 일반 텍스트를 선택적으로 추출할 수 있습니다.

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop data actually being pasted into div
  e.stopPropagation();
  e.preventDefault();

  // Get pasted data via clipboard API
  clipboardData = e.clipboardData || window.clipboardData;
  pastedData = clipboardData.getData('Text');

  // Do whatever with pasteddata
  alert(pastedData);
}

document.getElementById('editableDiv').addEventListener('paste', handlePaste);

이 솔루션은 e.clipboardData를 활용합니다. .getData('Text') 메서드는 붙여넣기 이벤트 중에 전송된 데이터에서 일반 텍스트 콘텐츠를 추출합니다.

위 내용은 브라우저 전반에 걸쳐 JavaScript에 붙여넣은 데이터에서 일반 텍스트를 어떻게 가로채서 추출할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!