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
Susan Sarandonasal
2024-12-23 18:52:13760semak imbas

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

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!

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