Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah

Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah

WBOY
WBOYasal
2022-04-18 11:43:078563semak imbas

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)".

Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Cara untuk menetapkan jquery untuk mencetuskan peristiwa apabila nilai input berubah

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:

Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah

Selepas mengubah suai kandungan teks:

Bagaimana untuk menyediakan jquery untuk mencetuskan peristiwa apabila nilai input berubah

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!

Kenyataan:
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