여러 브라우저에서 붙여넣은 텍스트를 어떻게 캡처하고 정리할 수 있나요?-JS 튜토리얼-php.cn

여러 브라우저에서 붙여넣은 텍스트를 어떻게 캡처하고 정리할 수 있나요?

Patricia Arquette

풀어 주다： 2024-12-14 08:07:10

원래의

156명이 탐색했습니다.

How Can I Capture and Clean Pasted Text Across Different Browsers?

브라우저 간 붙여넣은 텍스트 캡처 및 정리

텍스트를 웹 애플리케이션에 붙여넣을 때 종종 문제가 발생합니다. 붙여넣은 데이터를 필터링하는 동안 서식이 유지됩니다. 이 문서에서는 이 과제에 대한 크로스 브라우저 솔루션을 살펴봅니다.

솔루션 1: 최신 브라우저에 대한 일반 텍스트 지원

IE6, 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);

로그인 후 복사

이 접근 방식은 클립보드에서 일반 텍스트를 추출하고 추가 처리를 허용하여 대상 요소의 원래 형식이 영향을 받지 않도록 합니다.

위 내용은 여러 브라우저에서 붙여넣은 텍스트를 어떻게 캡처하고 정리할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!