按下“输入”键时删除输入框中的文本

Question

I want to create a google search that when the user presses the 'enter' key, it will search and then delete the text in the input field. My search opens the search in a new tab.

My java code that tries to do that:

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) {
    }
});
}

My Google Search Input Field Code:

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

Answer 1

You need to call a jscript function which like this.. call this in your submit button onclick..

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

Answer 2

Use javascript's innerHTML to replace the filled input field with the same input field but empty. ( <input class="searchbar1" type="Search" dir="ltr" onload="self.focus();" autofocus required align="center" id="GoogleSearch" value="" name="q" placeholder="" autocomplete="off"> )

Answer 3

Your question seems unclear, but I would recommend adding an onchange handler to the field like this:

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

Note that this actually will also do the search when the user clicks out of the field, now just when they hit enter. If you want exclusively enter button, tell me in the comments