【问题标题】:onFocus does not remove value input text boxonFocus 不移除值输入文本框
【发布时间】:2013-06-27 15:57:24
【问题描述】:

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

为什么以及如何解决这个问题?谢谢

jsfiddle code here

【问题讨论】:

    标签: jquery html search input input-field


    【解决方案1】:

    触发 keyup 处理程序 onfocus:

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

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

    【讨论】:

    【解决方案2】:

    试试这个清除搜索并显示所有内容:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-06-21
      • 2021-02-16
      相关资源
      最近更新 更多