Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menangkap dan Membersihkan Teks Tampalan Merentasi Pelayar Berbeza?

Bagaimanakah Saya Boleh Menangkap dan Membersihkan Teks Tampalan Merentasi Pelayar Berbeza?

Patricia Arquette
Patricia Arquetteasal
2024-12-14 08:07:10208semak imbas

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

Menangkap dan Membersihkan Pelayar Silang Teks yang Ditampal

Menampal teks ke dalam aplikasi web selalunya menimbulkan kebimbangan: mengekalkan pemformatan semasa menapis data yang ditampal. Artikel ini meneroka penyelesaian merentas penyemak imbas untuk cabaran ini.

Penyelesaian 1: Sokongan Teks Biasa untuk Penyemak Imbas Moden

Untuk IE6 , Firefox 22 , Chrome, Safari dan Edge, coretan kod berikut boleh digunakan untuk menangkap dan memproses teks yang ditampal:

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

Ini approach mengekstrak teks biasa daripada papan keratan dan membenarkan pemprosesan selanjutnya, memastikan pemformatan asal dalam elemen sasaran kekal tidak terjejas.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menangkap dan Membersihkan Teks Tampalan Merentasi Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn