kaedah jquery untuk mendapatkan objek sumber peristiwa

Dalam JQuery, anda boleh mendapatkan objek sumber acara dengan mudah. Dalam fungsi pengendalian acara, objek sumber acara boleh diperolehi dengan menghantar objek acara (event). Selain itu, JQuery juga menyediakan fungsi untuk mendapatkan objek sumber peristiwa iaitu event.target.

Perbezaan antara event.target dan ini

Dalam fungsi pemprosesan acara, kami sering menggunakan ini untuk merujuk kepada objek sumber acara dan event.target juga boleh digunakan untuk mendapatkan sumber acara objek. Perbezaan di antara mereka ialah ini menunjukkan kepada elemen yang pengendali acara terikat pada masa ini, manakala acara.sasaran menunjuk kepada elemen sasaran sebenar acara tersebut.

Contohnya:

Kod HTML:

<div>
  <p>这是一个段落</p>
  <button>点击我</button>
</div>

Kod JavaScript:

$("div").on("click", function(event) {
  console.log("this:", this);  // 输出<div>元素
  console.log("event.target:", event.target);  // 点击<div>输出<div>元素，点击<p>输出<p>元素，点击<button>输出<button>元素
});

Penggunaan event.target

Sebagai tambahan kepada di atas Selain menggunakan event.target dalam contoh untuk mendapatkan objek sumber acara, anda juga boleh menggunakan fungsi yang disediakan oleh JQuery untuk mendapatkannya. JQuery menyediakan fungsi enkapsulasi event.target, iaitu $(event.target), yang boleh mendapatkan objek sumber acara dengan mudah.

Contohnya:

$("div").on("click", "button", function(event) {
  var $button = $(event.target);  // 获取被点击的<button>元素
  console.log($button.text());  // 输出"点击我"
});

Dalam contoh ini, apabila kita mengklik butang, kita boleh mendapatkan objek butang yang diklik melalui $(event.target). Kemudian anda boleh melakukan beberapa operasi pada objek ini, seperti mendapatkan teks butang.

Ringkasan

Sangat mudah untuk mendapatkan objek sumber acara melalui JQuery Anda boleh menggunakan event.target atau ini untuk mendapatkannya. Apabila memproses acara, memilih kaedah yang sesuai untuk mendapatkan objek sumber acara mengikut situasi tertentu boleh menjadikan kod lebih ringkas dan boleh dibaca.

Atas ialah kandungan terperinci kaedah jquery untuk mendapatkan objek sumber peristiwa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!