Bagaimanakah Saya Boleh Memilih Semua Teks Dalam Elemen DIV dengan Satu Klik?

Memilih Semua Teks dalam DIV dengan Satu Klik

Membenarkan pengguna memilih semua teks dalam elemen DIV dengan mudah boleh meningkatkan produktiviti dan pengguna pengalaman. Ini boleh dicapai dengan menggunakan pengendali acara, yang membolehkan pelaksanaan tindakan tertentu sebagai tindak balas kepada klik tetikus.

Pertimbangkan contoh berikut, di mana kita mempunyai DIV dengan ID "boleh dipilih" yang mengandungi URL:

<div>

Untuk memilih teks URL secara automatik apabila pengguna mengklik pada DIV, kami boleh menggunakan JavaScript 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);
  }
}

Untuk menggunakan fungsi ini, tambahkan kod HTML berikut pada halaman anda:

<div>

Kod ini akan memastikan bahawa apabila pengguna mengklik pada DIV dengan ID " boleh dipilih," keseluruhan teks URL akan dipilih, membolehkan menyeret, menyalin dan menampal teks dengan mudah.

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