Cara membuat seleksi otomatis pada tag Pre dan Blockquote ~ blog sepot

Cara membuat seleksi otomatis pada tag Pre dan Blockquote

Cara membuat seleksi Otomatis pada tag Pre dan Blockquote - Bagi sahabat blogger yang suka berbagi tutorial, biasanya membagikan kode2 yang dicopy menggunakan tag code atau tag pre maupun tag Blockquote.

Untuk mempermudah mengcopy code yang dibagikan, sebaiknya sobat menggunakan seleksi otomatis. Artinya, dengan mengklik satu kali atau klik ganda kode tersebut akan terseleksi semua.
Script ini saya ambil dari Blog Kang Ismet
Special Thankz for you,...

Contoh: 
       Silahkan sobat 
          Klik 2x
             disini
           Untuk melihat
               reakasinya :)
                                                                  irvan-efendy.blogspot.com

Simak langkah² dibawah ini:

1. Login ke akun blogger sobat

2. Klik Template » Edit HTML

3. Kemudian tekan Ctrl+F cari kode </body>

4. Lalu tambahkan script berikut ini tepat diatas kode </body>

Untuk menerapkan seleksi otomatis pada tag blockquote gunakan kode dibawah ini:

<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;blockquote&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>

Untuk menerapkan seleksi otomatis pada tag pre gunakan kode dibawah ini:

<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>

Untuk menyeleksi kode di atas saya menggunakan dbclick itu artinya ketika diklik ganda maka kode yang ada di dalamnya akan terseleksi otomatis, Jika sobat ingin hanya satu klik saja tinggal ganti dbclick dengan click

Semoga Bermanfaat dan salam blogger indonesia

Terima kasih telah membaca artikel tentang Cara membuat seleksi otomatis pada tag Pre dan Blockquote di blog blog sepot jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.