Bagaimanakah Saya Boleh Melaksanakan JavaScript Hanya Selepas Pengguna Selesai Menaip dalam Kotak Teks?

Laksanakan JavaScript pada Penyiapan Penaipan Pengguna

Masalah:

Kesan apabila pengguna selesai menaip dalam kotak teks tanpa mencetuskan tindakan pada setiap ketukan kekunci. Ini bertujuan untuk meminimumkan permintaan AJAX yang tidak perlu sambil mengelakkan keperluan untuk menekan butang masuk.

Penyelesaian:

Untuk menentukan apabila pengguna telah selesai menaip, berasaskan pemasa pendekatan boleh digunakan. Begini cara ia berfungsi dengan jQuery:

1. Mulakan Pemasa pada Keluaran Kunci: Apabila pengguna melepaskan kunci, cetuskan pemasa untuk menunggu tempoh yang ditetapkan (cth., 5 saat ).
2. Kosongkan Pemasa pada Tekan Kekunci: Jika pengguna menekan yang lain kekunci sebelum pemasa tamat tempoh, kosongkan pemasa sedia ada.
3. Laksanakan pada Masa Selesai: Apabila pemasa tamat tempoh tanpa sebarang tekanan kekunci lagi, ia menandakan tamatnya menaip. Laksanakan tindakan yang dimaksudkan, seperti permintaan AJAX.

Berikut ialah contoh kod:

// Setup variables
var typingTimer;                //timer identifier
var doneTypingInterval = 5000;  //time in ms, 5 seconds for example
var $input = $('#myInput');

// Keyup: Start Timer
$input.on('keyup', function () {
  clearTimeout(typingTimer);
  typingTimer = setTimeout(doneTyping, doneTypingInterval);
});

// Keydown: Clear Timer
$input.on('keydown', function () {
  clearTimeout(typingTimer);
});

// Typing Completion: Execute Action
function doneTyping () {
  // Perform the intended action, e.g., AJAX request
}

Dengan melaksanakan pendekatan ini, anda boleh mengoptimumkan prestasi permintaan AJAX dengan mengurangkannya kekerapan tanpa memerlukan input pengguna tambahan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Melaksanakan JavaScript Hanya Selepas Pengguna Selesai Menaip dalam Kotak Teks?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!