Bagaimanakah Saya Boleh Memilih Semua Teks Secara Pengaturcaraan Dalam DIV pada Klik Tetikus?

Memilih Teks DIV secara Terprogram pada Klik Tetikus

Soalan

Memandangkan elemen DIV dengan kandungan teks, bagaimanakah pengguna boleh memilih keseluruhan teks secara pemrograman dalam DIV dengan satu klik tetikus? Ini membolehkan pengguna menyeret dan melepaskan teks yang dipilih dengan mudah atau menyalinnya secara terus.

Penyelesaian

Untuk memilih teks dalam elemen DIV pada satu klik tetikus, anda boleh menggunakan fungsi JavaScript berikut :

function selectText(containerid) {
    if (document.selection) { // IE
        var range = document.body.createTextRange();
        range.moveToElementText(document.getElementById(containerid));
        range.select();
    } else if (window.getSelection) {
        var range = document.createRange();
        range.selectNode(document.getElementById(containerid));
        window.getSelection().removeAllRanges();
        window.getSelection().addRange(range);
    }
}

Pelaksanaan

Untuk melaksanakan ini fungsi:

1. Sertakan fungsi di atas dalam kod JavaScript anda.
2. Tambah pengendali acara klik pada elemen DIV anda, menggunakan fungsi selectText() dengan ID DIV sebagai hujah.

<div>

Dengan kod ini, apabila pengguna mengklik di mana-mana dalam elemen DIV, keseluruhan teks di dalamnya DIV akan diserlahkan dan dipilih, membolehkan manipulasi atau penyalinan mudah.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Semua Teks Secara Pengaturcaraan Dalam DIV pada Klik Tetikus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!