Cara Cepat Mengetahui Apa yang Ada dalam Papan Klip Anda

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

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>

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 mempunyai kebenaran sebelum cuba membaca atau menulis pada 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);
    }
}

Contoh penulisan pada papan keratan

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

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!