Bagaimana untuk Memilih Semua Teks Dalam DIV dengan Satu Klik?

Pilih Teks DIV Dengan Mudah dengan Satu Klik Tetikus

Untuk manipulasi teks yang cepat dan mudah, selalunya wajar untuk menyerlahkan dan memilih keseluruhan kandungan daripada teg DIV. Ini membolehkan pengguna melakukan tindakan dengan mudah seperti menyeret teks yang dipilih atau menyalinnya dengan klik kanan.

Cara Mencapai Ini:

Untuk mencapai ini, kita boleh memanfaatkan fungsi JavaScript yang menggunakan keupayaan pemilihan pelayar. Begini cara ia berfungsi:

Coretan Kod:

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:

Dalam HTML anda, masukkan yang berikut kod untuk memilih teks dalam elemen DIV dengan ID "boleh dipilih":

<div><p>Apabila pengguna mengklik mana-mana dalam DIV ini, fungsi JavaScript di atas akan dilaksanakan, menyerlahkan semua kandungannya. Ini menjadikannya sangat mudah untuk memanipulasi teks tanpa memerlukan pemilihan manual.</p></div>

Atas ialah kandungan terperinci Bagaimana untuk Memilih Semua Teks Dalam DIV dengan Satu Klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!