Cara Buat Double Click To Select All

Kali ini admin akan memberikan tutorial menarik yang mungkin akan berguna bagi kalian yang suka ngeblog , dan berguna juga untuk visitor. Ketika admin dulu masih sering jadi visitor ke blog - blog tutorial sempat ingin bisa buat Double Click To Select All , pada bagian kotak kode yang di share. Untuk yang masih bingung soal apa itu Double Click To Select All, admin coba jelaskan. Sebagai contoh yang mudah ketika kalian copas kode yang ada di zkrip coba untuk klik dua kali pada kode yang ingin di copy , otomatis akan ke block semua kan .Itulah yang dinamakan Double Click To Select All.Nah tanpa basa - basi lagi langsung saja simak tutorial di bawah ini.

• Pilih menu Template , 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">
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);   }, false); }
</script>

• Jika ingin menggunakan tag blockquote maka ganti kode Pre berwarna kuning diatas dengan blockquote.
• Dan jika ingin sekali click saja ubah kode dblclick berwarna hijau dengan click 
• Selanjutnya pada mode HTML Letakan tag tadi sebelum dan sesudah kode yang akan di select all.

Tweet

Postingan terkait:

Ditulis Tarsisius — Februari 13, 2017 — 12 Comments — Tutorial