onFocus不会删除值输入文本框

时间:2013-06-30 09:43:36

标签: jquery html search input input-field

如果我使用此代码:<input class="search" type="text" id="input" onfocus="this.value=''" />我会写例如:arduino并搜索文本arduino的所有内容,然后点击网页上的其他位置然后再次单击输入字段,文本将按原样清除,但我必须在键盘上backspace一次,以清除arduino的结果并显示所有内容。

为什么以及如何解决此问题?感谢

jsfiddle code here

2 个答案:

答案 0 :(得分:2)

触发onfocus上的keyup处理程序:

http://jsfiddle.net/dErda/1/

$('#input').on('focus',function(){
        this.value='';
        $(this).keyup();
    });

答案 1 :(得分:1)

尝试此操作以清除搜索并显示所有内容:

$("input[type=text]").focus(function(){
  $(this).val('');    
    $('.input').hide();
     $("ul.filter li").show();
});