Rumah > hujung hadapan web > tutorial css > Bagaimanakah Saya Boleh Memilih Semua Teks Secara Automatik Dalam DIV pada Klik?

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

Patricia Arquette
Lepaskan: 2024-12-13 18:49:10
asal
595 orang telah melayarinya

How Can I Automatically Select All Text Within a DIV on Click?

Serlah dan Pilih Teks DIV pada Klik Tetikus

Untuk memudahkan tugas pemilihan teks, anda boleh menyerlahkan dan memilih keseluruhan kandungan DIV apabila pengguna mengklik padanya . Ini menghapuskan keperluan untuk penyerlahan manual, memastikan tiada teks yang terlepas.

Pertimbangkan contoh berikut:

<div>
Salin selepas log masuk
Salin selepas log masuk

Apabila pengguna mengklik di mana-mana dalam DIV ini, keseluruhan URL harus diserlahkan, membolehkan mereka menyeret atau menyalin teks yang dipilih dengan mudah.

Untuk mencapai matlamat ini, anda boleh menggunakan perkara berikut 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

Untuk menggunakan kod ini, cuma tambahkan atribut berikut pada DIV anda:

<div>
Salin selepas log masuk
Salin selepas log masuk

Kini, apabila pengguna mengklik pada DIV, keseluruhan teks akan menjadi secara automatik dipilih, menjadikannya mudah untuk melakukan pelbagai tindakan berkaitan teks.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Semua Teks Secara Automatik Dalam DIV pada 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