Jquery 在输入的每两个字符更改时调用一个函数

Question

每次用户在输入中键入两个字符时，我都会尝试调用一个函数，该函数检索输入的值并将其作为ajax调用的参数发送

那么如何在用户每次键入两个字符时调用该函数呢？

Answer 1

您可以使用"keyup"并在更改时获取输入的值。例

$( "#input" ).keyup(function() {
var input = $( "#input" ).val();
if(input.length >= 2) {    
$( "#result" ).text(input);    	 
} else {
myFunction();
}
});
function myFunction(){
$( "#result" ).text("");
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="" id="input" />
<p id="result"></p>

Answer 2

您可以创建一个全局变量来跟踪onkeyup()事件发生的次数，然后在传入文本字段的值时调用通过ajax发送数据的函数。

var keysPressed = 0;
$( "#inputText" ).keyup(function() {
keysPressed++;
if(keysPressed == 2) {
keysPressed=0;
let input = $( "#inputText" ).val();
sendToAjax(input);
}
});
function sendToAjax(input) {
console.log(input);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" value="" id="inputText" />