Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre
Cara Membuat Seleksi Otomatis Pada Tag Blockquote dan Pre, Anaktimor17 Blog - sobat bloggers, tips kali ini saya share untuk sahabat yang suka bagi-bagi script.
Denga cara ini, script/code yang di bagikan akan ter-blok otomatis baik di klik sekali ataupun di double klik. Seperti yang ada di blog ini saya gunakan event sekali klik. Kebanyakan blogger menggunaka standar kode itu pada tag code atau tag pre.
     Tips ini bisa digunakan pada tag blockquote dan pre  .Ok, langsung ke cara pemasangannya:


Anda copy script di bawah ini dan taruh di atas code </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> 


Script di atas tidak mutlak untuk tag blockquote, karena selektornya berupa blockquote maka hanya berlaku untuk tag blockquote.

Cara Setting :


Seperti saya jelaskan sebelumnya, script di atas berlaku untuk tag tag blockquote dan pre, apabila sobat ingin menerapkan untuk tag pre, maka ganti blockquote , menjadi pre.

Pada script di atas, saya menggunakan klik ganda (double click) untuk menerapkan satu kali klik langsung terseleksi, sobat tinggal mengganti dblclick menjadi click.


OK, selamat mencoba semoga berhasil dan jangan lupa komentarnya jika ada masalah :)

Dilarang Copy-Paste artikel di blog ini dan apabila kami menemukan artikel dicuri tanpa mencantumkan sumber link blog Amplopcokelat.com maka tak segan akan kami laporkan !

Berlangganan artikel Gratis langsung via email...

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar