Question

这是我的代码。这将显示#result div但我需要在输入“TV”文本到输入字段后刷新页面。我想让它生效，所以当用户把文字“电视”我希望div应该显示否则隐藏它，而不是添加到任何点击悬停甚至。

  HTML : 
  <input type="text" class="load" value="" name="search" placeholder="type here"> 

  Jquery:
   if ($('input.load').val() ===  'TV') {  $('#result').show();  }

Answer 1

使用keyup获得即时切换的好处。使用change覆盖所有基地。

var handler = function () {
  $('#result').toggle(this.value === 'TV');
};

$('input.load').bind({
  keyup: handler,
  change: handler
});

Answer 2

$('input.load').keyup(function(){
    if ($('input.load').val() ===  'TV') {  
        $('#result').show();  
    }
});

Answer 3

然后这样做：

$('input.load').on("change", function() {

    if ( $( this ).val() === 'TV' )
    {
        $('#result').show();
    }
});

Answer 4

尝试，

$('#input.load').on('paste change keyup', function () {
    if (this.value == 'TV') {
      $('#result').show();
    }
    else {
      $('#result').hide();
    }
});

处理复制+粘贴（使用Ctrl + V），更改和键盘。

Answer 5

喜欢这个吗？

$(function(){          
   $('.load').keyup(function() {
     if($(this).val() == 'tv')
         $('#result').show();         
     else
         $('#result').hide();        
   });
});

http://jsfiddle.net/7vGs8/4/

想要尽快运行jquery fn输入值匹配

5 个答案: