Rumah > hujung hadapan web > tutorial css > Bagaimana untuk Memilih Semua Teks Dalam DIV dengan Satu Klik?

Bagaimana untuk Memilih Semua Teks Dalam DIV dengan Satu Klik?

Patricia Arquette
Lepaskan: 2024-12-11 10:22:21
asal
766 orang telah melayarinya

How to Select All Text Within a DIV with One Click?

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);
    }
}
Salin selepas log masuk

Pelaksanaan:

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

<div>
Salin selepas log masuk

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.

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!

sumber:php.cn
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan