Cara menggunakan CLIKCK di JavaScript

Penjelasan Fungsi OnClick di JQuery Beserta Contoh, Salah satu library cepat, kecil, dan kaya fitur di JavaScript adalah jQuery. jQuery digunakan untuk membuat dokumen HTML, penanganan acara, traversal, dan manipulasi, dll

Table of Contents Show

Penerapan metode click()
1. Ketika perintah fungsi diberikan
2. Ketika tidak ada perintah yang diberikan
Apa itu onclick dalam javascript?
Bagaimana cara memanggil fungsi dalam javascript?
Apa nama peristiwa yang terjadi saat pengguna mengeklik elemen HTML?
Simbol apa yang dapat digunakan untuk membuat objek dalam javascript?

Setiap kali elemen HTML diklik, ada acara klik jQuery. Untuk memicu fungsi onclick di jQuery, metode click() digunakan. Misalnya, saat mengklik sebuah paragraf dalam dokumen, kejadian klik akan dipicu oleh metode $(“p”). klik(). Pengguna dapat melampirkan fungsi ke metode klik setiap kali terjadi klik untuk menjalankan fungsi. Sepotong kode dieksekusi setiap kali event click() diaktifkan

Klik mouse disimulasikan melalui metode HTMLElement. klik()

Fungsi Click() adalah fungsi bawaan di jQuery yang memulai acara klik. Setiap kali elemen yang relevan diklik, sebuah peristiwa dipicu oleh metode click(). Acara T kemudian mengaktifkan acara klik dari elemen yang lebih tinggi di pohon dokumen (atau rantai acara)

Seperti namanya, itu hanyalah pengguna yang menekan dan melepaskan tombol mouse di atas elemen

Satu atau lebih event handler dilampirkan ke elemen yang dipilih melalui metode on(). Saat mengklik sebuah elemen, event click() terjadi. Metode click() dijalankan setelah event click() terjadi. Sebuah fungsi dilampirkan ke metode click() dan dijalankan. Metode click() digunakan dengan event jQuery lainnya

Karena itu. click() mengikat event handler ke event "click" JavaScript, atau memicu event pada elemen. Variasi dari metode onclick JavaScript adalah

Baca Juga. Cara Membuat Slider jQuery Sederhana

klik (pegangan)
klik( [eventData ], handler )
klik()
Variasi pertama dan kedua adalah bentuk pendek untuk. on( "klik", handler ) dan pintasan untuk. trigger( "klik" ) pada variasi terakhir

Setiap kali pointer mouse berada di atas elemen dan tombol ditekan dan dilepaskan, event click() kemudian dikirim ke elemen tersebut. Acara dapat diterima oleh elemen HTML apa pun

Sebagai contoh

Ini menggambarkan hal berikut

Penangan acara dapat mengikat ke

apa pun yaitu target atau lainnya.

Dengan kode di atas, jika elemen diklik maka akan muncul tampilan berikut

Acara Click() juga dapat dipicu jika elemen lain diklik melalui kode berikut

Dengan kode ini, pesan akan diperingatkan oleh elemen tersebut

Melalui event berikut, hanya event click() yang dipicu

Saat penunjuk tetikus berada di dalam elemen dan tombol tetikus ditekan
Saat penunjuk tetikus berada di dalam elemen dan tombol tetikus dilepaskan

Sebelum melakukan suatu tindakan, peristiwa di atas biasanya urutan yang diinginkan. Lainnya, acara lain yang cocok adalah acara mouse down atau mouse up

Menurut Benyamin Sterling. com Karena metodenya. click() menjadi jalan pintas untuk. on( "click", handler ), kemungkinan rilis hadir melalui penggunaan. mati ("klik")

Penggunaan

Ada dua cara yang bisa digunakan untuk memanggil metode click().

Dengan argumen fungsi yang diberikan
Tidak ada argumen yang diberikan

Fungsi onclick di jQuery dapat digunakan dalam elemen HTML seperti div, paragraf, hyperlink, dll. untuk menyelesaikan tugas yang diinginkan. Klik adalah peristiwa mouse yang terjadi ketika tombol ditekan pada mouse. Namun, peristiwa tersebut akan terjadi jika penunjuk tetikus berada di dalam elemen

Sintaksis

$(pemilih). klik() ;

$(pemilih). klik(fungsi);

Parameter opsional yang digunakan adalah "fungsi" yang digunakan untuk eksekusi saat peristiwa klik terjadi
Nilai pengembalian. Elemen yang dipilih dikembalikan ditentukan oleh fungsi yang akan dieksekusi
Sintaks diwakili di bawah ini

Penerapan metode click()

1. Ketika perintah fungsi diberikan

Dalam jenis implementasi ini, sebuah fungsi diambil sebagai input dan dieksekusi setiap kali metode click() dipanggil

Penulisan kode berada di antara tag skrip dan di dalam badan kode HTML
Pemanggilan fungsi dilakukan sebagai atribut gaya h1
Argumen dideklarasikan dengan fungsi dan diambil sebagai fungsi secara terpisah
Metode sakelar diterapkan ke objek menggunakan operator ini dengan penundaan 1000ms
Contoh metode implementasi dengan argumen fungsi yang diberikan ditunjukkan di bawah ini

Keluaran dari kode akan menjadi “Mengklik saya akan mengaktifkan teks. ”

2. Ketika tidak ada perintah yang diberikan

Metode onclick javascript mengaktifkan event onclick. Elemen sudah ditugaskan ke metode. Oleh karena itu sebuah elemen dapat memanggil event onclick dari elemen lain secara terpisah. Ini dapat dicapai melalui langkah-langkah berikut

Objek harus dideklarasikan terlebih dahulu dengan atribut gaya tertentu yang dapat diklik. Tindakan onclick harus ditentukan untuk objek
Blok skrip yang akan dibuat di badan kode ini di mana atribusi metode klik () dilakukan untuk format gaya yang berbeda, p
Metode onclick h1 yang ditentukan akan dipanggil dalam pemanggilan fungsi
Metode onclick yang sama kemudian dipanggil untuk atribut
Contoh kode yang menunjukkan penerapan metode click() tanpa argumen yang diberikan ditunjukkan di bawah ini

Keluaran dari kode adalah “Mengklik saya akan memanggil peringatan. ”

Contoh

1. Contoh berikut menunjukkan acara JavaScript onclick setiap kali elemen diklik. Ketika elemen

diklik, peringatan akan dilontarkan oleh event handler. Hal ini ditunjukkan di bawah ini . Contoh kode dan output diambil dari.

Kegunaan kode tersebut adalah
Di dalam bagian kepala, library jQuery disertakan diikuti dengan pemanggilan elemen
. Menggunakan nama kelas yang ada di skrip bagian, elemen
dipanggil melalui metode. Terakhir, alert akan dikirimkan melalui event handler.
Seperti yang telah disebutkan di atas dalam artikel, peristiwa klik hanya terjadi ketika penunjuk tetikus berada di dalam elemen
dan tombol tetikus ditekan atau dilepaskan. Oleh karena itu jika pengguna mengklik di dalam elemen
dan kemudian menyeret penunjuk ke luar elemen
sambil tetap menekan tombol dan tanpa melepaskan tombol di mouse, tidak akan ada kejadian klik.
Acara mousedown di JavaScript harus digunakan dalam skenario di mana kinerja beberapa tindakan diharapkan dengan mengklik tombol mouse

Baca Juga. Pelajari Dasar-dasar HTML Lengkap. Penjelasan Konsep dan Prinsip Utama

2. Kependekan dari jQuery. pada ("klik", event_handler) adalah $. klik. Contoh menunjukkan penggunaan variasi dari metode sebelumnya. Peringatan yang dilemparkan ditunjukkan di bawah ini

Kode yang digunakan adalah

Ada banyak event yang bisa digunakan dalam metode $. seperti dblclick, change, dll

3. Merender tombol HTML dan menambahkan teks ke halaman saat tombol diklik. Metode Click() paling sering dilampirkan ke tombol, tetapi dapat dilampirkan ke elemen lain di halaman web

Tombol dasar dirender dengan id “btn-primary” yang ada di dalam
dengan id “main.
Melalui kode, konten baru akan ditampilkan dengan kelas “konten baru” di tag
setelah mengklik tombol.
jQuery terlampir di dalam tag

kode javascript