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
Lepaskan: 2024-12-14 08:07:10
asal
154 orang telah melayarinya

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);
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan