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 saat 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, biar dengan gampang si pengunjung mencopy script yang kalian bagikan.

Tinggal double click maka secara otomatis semua text yang ada di tg tertentu eksklusif di block select all dan si pengunjung tinggal copy aja tanpa harus menxelect dari awal hingga 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 sajian Template, EDIT Html

• Selanjutnya kalian cari aba-aba </body>

• Setelah ketemu, masukan script double click to select all text dibawah ini sempurna diatas aba-aba 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 saat di double click, silahkan tambahkan tag, id atau class dari pembungkusnya di sebelah pre. Jangan lupa pake tanda koma (,).
Sehingga penampakannya menjadi menyerupai 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 ihwal Cara biar semua text pada tag tertentu menjadi select all saat di double click ini bermanfaat ya gan :)

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