按下“enter”键时,在输入框中删除文本

时间:2013-11-15 05:11:11

标签: javascript html css forms input

我想创建一个谷歌搜索,当用户按下“输入”键时,它将搜索然后删除输入字段中的文本。我的搜索会在新标签页中打开搜索结果。

我尝试这样做的java代码:

final JTextArea ta = new JTextArea();
ta.addKeyListener(new KeyListener() {

    @Override
    public void keyTyped(KeyEvent e) {
    }

    @Override
    public void keyReleased(KeyEvent e) {
        if(e.getKeyCode() == KeyEvent.VK_ENTER){
            ta.setText("");
        }
    }

    @Override
    public void keyPressed(KeyEvent e) {
    }
});
}

我的Google搜索输入字段代码:

<input class="searchbar1" type="Search" dir="ltr" onload="self.focus();" autofocus required align="center" id="GoogleSearch" value="" name="q" placeholder="" autocomplete="off">

3 个答案:

答案 0 :(得分:1)

你需要调用这样的jscript函数.. 在你的提交按钮中点击这个,然后点击..

function cleartext()
{
document.getElementById(GoogleSearch).text="";
}

答案 1 :(得分:0)

使用javascript innerHTML将填充的输入字段替换为相同的输入字段但为空。 (<input class="searchbar1" type="Search" dir="ltr" onload="self.focus();" autofocus required align="center" id="GoogleSearch" value="" name="q" placeholder="" autocomplete="off">

答案 2 :(得分:0)

您的问题似乎不清楚,但我建议在字段中添加一个onchange处理程序,如下所示:

document.getElementById('GoogleSearch').addEventListener('change',function(){
    //somehow search for the term here
    //remove text
    document.getElementById('GoogleSearch').value='';
},false);

请注意,当用户点击字段时,这实际上也会进行搜索,现在只是在他们点击输入时。如果您只想输入按钮,请在评论中告诉我