Membuat Seleksi Otomatis dengan JavaScript

Pernahkah kalian melihat salah satu artikel blog yang menampilkan kode / script. Dan pada saat kita klik atau double click, secara otomatis kodenya akan langsung terseleksi? Pernah kan. Mudah tidak ya membuat hal seperti itu? Mudah kok. Sekarang kita akan langsung mempelajarinya!

Nah, pada contoh ini, kita akan membuat seleksi otomatis pada tag blockquote. Langsung saja ya coba ketikkan ini di editor kesukaanmu :

Jika sudah coba lihat hasilnya. Sudah berhasil kan?

Keterangan :

- pada script document.getElementsByTagName("blockquote"), blockquote bisa diganti dengan tag lain, misalnya pre.

- pada script pres[i].addEventListener("dblclick", function (), dblclick yang artinya saat di double klik akan terseleksi otomatis, bisa diganti dengan click (sekali klik), atau event lainnya.

Contoh hasil :

"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"Tidak ada yang menyukai kepedihan, yang mencarinya dan ingin merasakannya, semata karena pedih rasanya..."

Semoga bermanfaat ya :)

24 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat