Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mengenalpasti Unsur Sumber Acara jQuery?

Bagaimanakah Saya Boleh Mengenalpasti Unsur Sumber Acara jQuery?

Susan Sarandon
Lepaskan: 2024-12-12 16:06:12
asal
257 orang telah melayarinya

How Can I Identify the Source Element of a jQuery Event?

Mengenal pasti Sumber Peristiwa

Apabila sesuatu peristiwa berlaku, selalunya wajar untuk menentukan identiti elemen yang mencetuskannya. Ini amat berguna untuk melakukan tindakan khusus berdasarkan sumber acara.

Dalam jQuery, sifat event.target boleh digunakan untuk mendapatkan ID elemen yang mencetuskan acara tersebut. Sifat ini mewakili sumber langsung acara.

Contoh Pelaksanaan

Pertimbangkan kod JavaScript berikut:

$(document).ready(function() {
    $("a").click(function(event) {
        var elementId = event.target.id;
        console.log("ID of the element that fired the event: " + elementId);
    });
});
Salin selepas log masuk

Dalam kod ini, apabila satu elemen diklik, pengendali acara klik dipanggil. Parameter acara diserahkan kepada pengendali dan sifat event.target.id diambil untuk mendapatkan ID elemen yang diklik. ID ini kemudian dilog ke konsol untuk paparan.

Nota:

Harta event.target merujuk kepada elemen DOM sebenar. Untuk melaksanakan operasi jQuery pada elemen, ia mesti dibalut dengan objek jQuery menggunakan $(this). Contohnya:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengenalpasti Unsur Sumber Acara jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan