Seleksi Otomatis Pada Tag Pre & Blockquote

Seleksi Otomatis Pada Tag Pre & Blockquote

Trik Mudah Seleksi otomatis pada tag Pre & blockqoute - Kali ini admin soma kembali lagi dengan tutorial mengenai seleksi otomatis pada tag Pre & blockquote.

Seleksi otomatis yang saya maksudkan adalah hanya dengan sekali atau dua kali klik di blockqoute maka seluruh kodenya akan tersorot. Ini memudahkan anda dalam mengcopy kode yang panjang, karena tidak ribet nge scroll kebawah.

Cara Kerja Seleksi Otomatis

Sekali / dua kali klik seluruh kode tersorot lalu tinggal menekan CTRL + C seluruh kode bisa tercopy.

Sangat menguntungkan bagi blog blog yang membagikan mengenai coding dan tutorial blog. Karena umumnya mereka menggunakan pre dan blockquote untuk berbagi kode

DEMO

Silakan double klik tulisan ini. Maka secara otomatis seluruh tulisan didalamnya akan tersorot

Cara Pemasangan

Simpan kode berikut diatas </body>

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

KOSTUMISASI

Kode tersebut digunakan untuk seleksi otomatis tag blockquote, namun jika ingin menggunakannya untuk tag pre maka ganti kode  blockquote dengan pre

Jika ingin menggunakan sekali klik ganti dblclick dengan click

Semoga bermanfaat
Yuk ikutan kontes seo, hadiahnya lumayan loh 100jt Klik link berikut Kontes SEO IDdetik.com

Tweet