Cara Membuat Seleksi Otomatis pada Blockquote di Blogger

Fungsi seleksi otomatis ini mempermudah untuk menyeleksi kode atau script tertentu pada sebuah postingan tutorial. Sebab, dengan hanya melakukan doubleclick atau click saja, maka kode yang berada di dalam tag blockquote akan langsung terseleksi tanpa harus memainkan klik tahan lalu scroll cursor.

Cara Membuat Seleksi Otomatis Pada Blockquote di Blogger

Bagi anda yang membuat tutorial yang menyangkut pengolahan koding untuk website/blog atau apa saja, cara ini tentu perlu diterapkan pada blog atau website anda.

Caranya ialah, kopi kode di bawah ini, lalu letakkan di atas kode </body>

<script type='text/javascript'>var pres=document.getElementsByTagName("blockquote");for(var i=0;i<pres.length;i++){pres[i].addEventListener("dblclick",function(){var selection=getSelection();var range=document.createRange();range.selectNodeContents(this);selection.removeAllRanges();selection.addRange(range)},false)}</script>
  • Jika anda menggunakan tag pre, maka kode “blockquote” yang bergaris bawah di atas silahkan ganti dengan kode “ pre”.
  • Kode “dbclick” untuk cara menyeleksi dengan double click, jika ingin menyeleksi dengan satu kali klick saja, maka kode tersebut ganti dengan  “click”.

Posting Komentar