Rumah > Artikel > hujung hadapan web > Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah
Dalam jquery, anda boleh menggunakan kaedah change() untuk menetapkan peristiwa yang akan dicetuskan apabila nilai input berubah Kaedah ini digunakan untuk menetapkan peristiwa perubahan berlaku apabila nilai elemen berubah juga boleh menentukan fungsi yang akan dijalankan apabila peristiwa berlaku. Sintaks ialah "input element object.change (event trigger code)".
Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.
Peristiwa perubahan berlaku apabila nilai elemen berubah (hanya terpakai untuk medan borang). Kaedah
change() mencetuskan peristiwa perubahan atau menentukan fungsi untuk dijalankan apabila peristiwa perubahan berlaku.
Nota: Apabila digunakan dengan elemen pilih, peristiwa perubahan akan berlaku apabila pilihan dipilih. Apabila digunakan dengan medan teks atau kawasan teks, peristiwa perubahan berlaku apabila elemen kehilangan fokus.
Sintaks
Cetuskan peristiwa perubahan elemen yang dipilih:
$(selector).change()
Tambah fungsi pada acara perubahan:
$(selector).change(function)
fungsi Pilihan . Menentukan fungsi untuk dijalankan apabila peristiwa perubahan berlaku untuk elemen yang dipilih.
Contoh adalah seperti berikut:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <script src="js/jquery.min.js"> </script> <script> $(document).ready(function(){ $("input").change(function(){ alert("文本已被修改"); }); }); </script> </head> <body> <input type="text"> <p>在输入框写一些东西,然后按下 enter 键或点击输入框外部。</p> </body> </html>
Hasil keluaran:
Selepas mengubah suai kandungan teks:
Tutorial video berkaitan yang disyorkan: tutorial video jQuery
Atas ialah kandungan terperinci Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!