如何在html文本输入框中输入文本时执行jquery函数?

时间:2016-05-12 14:13:25

标签: jquery html

我有像

这样的HTML代码
var filterPlayers = function(ids, callback){
  for(var player in data.players){
    if(ids.indexOf(data.players[player].id) >= 0){
        callback(data.players[player]);
    }
  }
};

filterPlayers([888, 999], function(player){
    document.write("<span>" + player.name + "</span>");
});

我想在输入框中填充4个字符时执行jQuery函数。

例如,我输入“ABCD”然后执行该功能,而不是“AB”或“ABC”之类的东西。我怎么能这样做?

1 个答案:

答案 0 :(得分:4)

绑定事件处理程序并检查文本长度,根据调用函数的长度

$('.input-box').on('input', function() {
  if (this.value.trim().length >= 4) {
    // call your function here
    doIt();
  }
});

function doIt() {
  alert('hi');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="input-box">