javascript - 如何在一个人停止输入后调用一个函数？

Question

我在一个 HTML 页面上有一个输入，一个人将在其中输入一些内容，而我想要的是在他们每次停止输入时调用一个函数。我知道 onkeypress 事件，但每次键入字符时都会调用它。这是我想要的示例:

1. 人在输入中输入“这是一个测试”
2. 人停止打字后，应调用函数 foo()
3. 人在输入中输入其他内容
4. 人停止打字后，应调用函数 foo()
5. 重复....

这可能吗？

非常感谢!

Answer 1

听 onkeyupevent。开始超时(您必须将“停止”定义为某个时间量，否则它将在每次键入时调用)，并在超时时执行您的函数。

如果在计时器运行时调用 onkeydown，请停止它。

有点像...

var timer;

function onKeyUpHandler(e){
    timer = setTimeout("foo()", 500)    
}

function onKeyDownHandler(e) {
    clearTimeout(timer);
}

此代码的确切外观取决于您在何处以及如何使用它...只是为了展示执行此操作的方法。