HTML抓事件，当用户键入到文本输入(html catch event when user is t

我只是想知道如何去追赶，当用户输入到一个文本输入框在我的web应用程序的事件。

情景是，我有一个联系人列表格。 在表单的顶部，用户可以输入他们正在试图找到联系人的姓名。 一旦在文字输入超过1个字符我要开始寻找系统中的含有用户输入这些字符的联系人。 当他们继续输入数据的变化。

所有这确实是一个简单的类型进取型的功能（或自动完成），但我想在不同的控制仍然发射数据。

我可以得到从文本输入的一次输入已失去焦点的罚款，但这并不适合的情况。

有任何想法吗？

谢谢

Answer 1:

使用keyup事件捕获值作为用户类型，并尽一切是你要搜索的价值：

$('input').on('keyup', function() {
     if (this.value.length > 1) {
          // do search for this.value here
     }
});

另一种选择是在input事件，映入的任何输入，从键，粘贴等

Answer 2:

为什么不使用HTML oninput事件？

<input type="text" oninput="searchContacts()">

Answer 3:

我会使用“ 输入 ”和“ 为propertyChange ”事件。 他们开枪切，并通过鼠标贴为好。

另外，还要考虑去抖您的事件处理程序，以便快速打字员不被许多DOM刷新处罚。

Answer 4:

看到我的尝试：

你应该每类。输入后，放在.combo。

。输入是一个文本框和.combo是一个div

$(".input").keyup(function(){
    var val = this.value;
    if (val.length > 1) {
        //you search method...
    }
    if (data) $(this).next(".combo").html(data).fadeIn(); else $(this).next(".combo").hide().html("");
});

$(".input").blur(function(){
    $(this).next(".combo").hide();
});

文章来源: html catch event when user is typing into a text input