Double Click To Select All Text In Div

Double Click Tag Pre Dan blockquote Menjadi Selecr All Text

Cara Agar Tag div, pre code dan blockquote ketika di double click menjadi select all text. Tutorial kali ini kita akan menambahkan javascript yang berfungsi untuk menselect all text pada tag / div tertentu dengan double click.

Bagi kalian yang punya blog tutorial dan suka membagikan script ada baiknya pasang script double click to select all pada tag pembungkus script kalian, agar dengan mudah si pengunjung mencopy script yang kalian bagikan.

Tinggal double click maka secara otomatis semua text yang ada di tg tertentu langsung di block select all dan si pengunjung tinggal copy aja tanpa harus menxelect dari awal sampai akhir..

Untuk tutorial cara pemasangan script double click to select all text ini cukup mudah, kalian tinggal ikuti saja langkah demi langkah di blog mas tamvan ini :)

Double Click To Select All Text In Tag Div, Pre Code and Blockquote

• Tahap awal kalian harus sudah login ke akun blogger.com/go/signin

• Kalo sudah login, pilih menu Template, EDIT Html

• Selanjutnya kalian cari kode </body>

• Setelah ketemu, masukan script double click to select all text dibawah ini tepat diatas kode body tadi

<script type='text/javascript'>
//<![CDATA[
//Double Click
for (var pres = document.querySelectorAll("blockquote,pre"), i = 0; i < pres.length; i++) pres[i].addEventListener("dblclick", function() {
  var e = getSelection(),
    t = document.createRange();
  t.selectNodeContents(this), e.removeAllRanges(), e.addRange(t)
}, !1);
//]]>
</script>

Script di atas hanya akan berfungsi pada tag blockquote dan pre.
Jika kalian ingin tag lain menjadi select all ketika di double click, silahkan tambahkan tag, id atau class dari pembungkusnya di sebelah pre. Jangan lupa pake tanda koma (,).
Sehingga penampakannya menjadi seperti berikut.
blockquote,pre,tag kalian

• kalo sudah kalian tinggal save template

• Selesai

Jangan lupa mampir ke tutorial lainnya ya gan :)

Tutorial Blogger Lainnya :

• Membuat Widget Social Media Follower Counter

• Cara Memasang Widget Recent Post By Label Di Blog

• Belajar Mendesain Blog Dengan Tools Editor Html Online

Cukup sekian dan terima kasih, semoga artikel tentang Cara agar semua text pada tag tertentu menjadi select all ketika di double click ini bermanfaat ya gan :)

jangan lupa komen apabila ada yang tidak dimengerti. Share jika bermanfaat :)