Cara Cepat Mengetahui Apa yang Ada dalam Papan Klip Anda

WBOY
Lepaskan: 2024-08-17 20:30:36
asal
846 orang telah melayarinya

How to Quickly Find Out What’s in Your Clipboard

Teknik JavaScript untuk Mengakses Papan Klip:

1.Menggunakan API Papan Klip (navigator.clipboard.readText):

API Papan Klip menyediakan cara selamat untuk membaca dan menulis ke papan keratan. Begini cara anda boleh menggunakan navigator.clipboard.readText() untuk mendapatkan semula data teks daripada papan keratan dengan cepat.

async function getClipboardContent() {
    try {
        const text = await navigator.clipboard.readText();
        console.log('Clipboard content:', text);
        alert('Clipboard content: ' + text);
    } catch (err) {
        console.error('Failed to read clipboard contents:', err);
    }
}

// Trigger the function
getClipboardContent();

Salin selepas log masuk

2. Menggunakan Butang untuk Mengambil Kandungan Papan Klip:
Kadangkala, anda mungkin mahu mencetuskan bacaan papan keratan hanya apabila pengguna mengklik butang. Begini cara anda boleh melakukannya:

<button onclick="getClipboardContent()">Show Clipboard Content</button>

<script>
async function getClipboardContent() {
    try {
        const text = await navigator.clipboard.readText();
        alert('Clipboard content: ' + text);
    } catch (err) {
        console.error('Failed to read clipboard contents:', err);
    }
}
</script>

Salin selepas log masuk

3. Mengendalikan Kebenaran untuk Akses Papan Klip:
API Papan Klip memerlukan kebenaran pengguna, jadi penting untuk mengendalikan kemungkinan isu kebenaran dengan anggun. Begini cara untuk memastikan anda mendapat kebenaran sebelum cuba membaca atau menulis ke papan keratan:

async function getClipboardContent() {
    try {
        // Request permission to read from the clipboard
        const readPermission = await navigator.permissions.query({ name: 'clipboard-read' });
        if (readPermission.state === 'granted' || readPermission.state === 'prompt') {
            const text = await navigator.clipboard.readText();
            alert('Clipboard content: ' + text);
        } else {
            alert('Clipboard read access denied');
        }
    } catch (err) {
        console.error('Failed to read clipboard contents:', err);
    }
}

async function writeToClipboard(text) {
    try {
        // Request permission to write to the clipboard
        const writePermission = await navigator.permissions.query({ name: 'clipboard-write' });
        if (writePermission.state === 'granted' || writePermission.state === 'prompt') {
            await navigator.clipboard.writeText(text);
            alert('Text copied to clipboard: ' + text);
        } else {
            alert('Clipboard write access denied');
        }
    } catch (err) {
        console.error('Failed to write to clipboard:', err);
    }
}

Salin selepas log masuk

Contoh penulisan pada papan keratan

<button onclick="writeToClipboard('Hello, World!')">Copy "Hello, World!" to Clipboard</button>
Salin selepas log masuk

Kod Contoh Lengkap
Anda boleh mendapatkan kod contoh penuh untuk mengetahui dengan cepat apa yang ada dalam papan keratan anda di sini di GitHub Gist.

Jika artikel ini menjadikan kehidupan pembangunan anda lebih mudah, sentuh hati itu ❤️ dan teruskan untuk mendapatkan lebih banyak keajaiban JavaScript!

Atas ialah kandungan terperinci Cara Cepat Mengetahui Apa yang Ada dalam Papan Klip Anda. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!