Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Dapatkan Data Papan Klip pada Tampal Merentasi Pelayar Berbeza Menggunakan JavaScript?

Bagaimanakah Saya Boleh Dapatkan Data Papan Klip pada Tampal Merentasi Pelayar Berbeza Menggunakan JavaScript?

Susan Sarandon
Lepaskan: 2024-12-23 18:52:13
asal
759 orang telah melayarinya

How Can I Retrieve Clipboard Data on Paste Across Different Browsers Using JavaScript?

Kaedah JavaScript Penyemak Imbas Rentas untuk Mendapatkan Data Papan Klip pada Acara Tampal

Dalam aplikasi web, mendapatkan semula data papan keratan yang ditampal oleh pengguna adalah penting untuk pelbagai senario. Mari kita mendalami penyelesaian yang membolehkan anda menangkap dan memproses data yang ditampal merentas berbilang penyemak imbas, mengekalkan sebarang pemformatan sedia ada dalam editor teks.

Penyelesaian #1: Mengendalikan Teks Biasa Sahaja (Firefox 22 Disokong)

Pendekatan ini berfungsi untuk pelbagai jenis pelayar, termasuk:

  • Internet Explorer 6
  • Firefox 22
  • Chrome
  • Safari
  • Microsoft Edge

Fungsi:

    Merakam data teks biasa ditampal ke dalam editor teks.
  • Tidak mengendalikan kandungan HTML atau versi Firefox di bawah 22.

Pelaksanaan:

function handlePaste(e) {
  var clipboardData, pastedData;

  // Stop actual pasting into the div
  e.stopPropagation();
  e.preventDefault();

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

  // Perform desired operations with the pasted data (e.g., alert)
  alert(pastedData);
}

// Attach the event listener to the text editor
document.getElementById('editableDiv').addEventListener('paste', handlePaste);
Salin selepas log masuk

Penanda HTML:

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Data Papan Klip pada Tampal Merentasi Pelayar Berbeza Menggunakan JavaScript?. 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