Artikel kali ini saya akan mencoba bermain menggunakan layar sebuah web browser dimana, ketika saya menglik tombol dengan mouse, kita bisa mengetahui yang kita klik itu berada pada titik koordinat berapa, sungguh menarik ya, kita bisa mengetahui titik koordinat dari sebuah layar di web browser, Cara menentukan koordinat layar ketika kita klik tombol mouse, menurut saya wajib di coba ketika teman-teman sudah belajar sebuah jquery ya, oke bagaimana cara membuatnya simak terus ya teman-teman.

Jadi untuk Cara menentukan koordinat layar ketika kita klik tombol mouse seperti yang saya tulis di atas, yang akan kita gunakan ada sebuah jquery, jadi dengan jquery kita bisa menentukan sebuah koordinat seperti yang kita bahas saat ini, disini bagaimana caranya kita bisa mengetahui berapa koordinat disini yang kita akan gunakan yaitu nantinya kita akan mengeluarkan hasilnya dengan tag h2 kosong yang sudah saya sediakan, jadi nanti titik koordinat yang kita klik akan tampil disitu, ketika kita klik lagi maka koordinat pun akan berubah juga, oke langsung saja ya kita masuk cara pembuatanya, sekarang silahkan teman-teman perhatikan struktur berikut ini:

file cssnya, saya membuatnya dengan nama style.css :

sebenarnya CSS diatas saya buat hanya untuk mempercantik saja ya teman-teman tidak ada hubunganya dengan jquery, jadi jika teman-teman tidak membuatnya atau ingin menggunakan style css teman sendiri juga boleh. Sekarang kita lihat struktur htmlnya:

Seperti yang teman-teman lihat yang terpenting adalah sebuah tag img dan h2 untuk menampung sebuah hasilnya, oke sekarang kode jquerynya sebagai berikut:

Seperti itu ya teman-teman, saya mengguanakan method cilck jadi dimana saya meng click layar web browsernya maka itulah nilah koordinat yang kita ambil, dan untuk caranya mengambilnya, saya gunakan screenX dan screenY. oke langsung saja kita lihat contoh hasilnya:

Cara menentukan koordinat layar ketika kita klik tombol mouse

Seperti yang teman-teman lihat hasil outputnya ada berada pada gambar ya, jadi ketika saya meng click gambar ekkya ridiyanto, tidak pas di tengah si maka akan menghasilkan koordinatXnya 755 dan vertikal 601, oke segitu saja belajar kita kali ini tentang Cara menentukan koordinat layar ketika kita klik tombol mouse, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.

WhatsApp chat