일정시간 동안 입력이 없는 것을 모니터링하여 간단한 입력을 완료할 수 있습니다
지난번에는 시뮬레이션 입력이 완료되면 데이터를 얻기 위해 백그라운드로 요청을 보내고 이를 프론트 데스크에 표시하는 문제를 구현했습니다. 핵심 판단 기준은 입력 완료의 정의입니다.
즉, 사용자는 어떻게 입력을 완료합니까?
제가 사용하는 기준은 텍스트 상자의 내용이 1초 동안 변경되지 않으면 사용자가 1초 이내에 입력을 하지 않았다는 의미입니다. 이는 사용자가 입력을 완료하고 반환 데이터를 기다리고 있음을 나타냅니다. . 그러면 jQuery는 1초 이내에 입력이 없는지 어떻게 결정합니까?
<!DOCTYPE html> <html> <head> <script src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script> <script> var lastTime; $(function(){ $('#text1').keyup(function (e) { lastTime = e.timeStamp; setTimeout(function () { if (lastTime - e.timeStamp == 0) { alert("1秒内没再输入,可以发送查询"); } }, 1000); }); }) </script> </head> <body> <input id="text1" type="text" value="" /> </body> </html>
원칙
정말 간결한 코드입니다. 그 원리를 간략하게 설명하면 다음과 같습니다.
사용자가 키보드를 누를 때마다 현재 시간이 기록되며, 1초 후에 시간을 판단합니다.
lastTime은 전역 변수이므로 사용자가 입력할 때 lastTime은 항상 변경되므로 1초 후에 lastTime-e.timeStamp를 사용하면 마지막으로 누른 e.timeStamp만 0이 됩니다. .