如何触发ESC按钮以清除在文本框中输入的文本？

Question

   <input type="text" id="search" size="25" autocomplete="off"/>

我知道这是

onkeydown="if (event.keyCode == 27)

Answer 1

声明按下某个键时将调用的函数：

function onkeypressed(evt, input) {
    var code = evt.charCode || evt.keyCode;
    if (code == 27) {
        input.value = '';
    }
}

以及相应的标记：

<input type="text" id="search" size="25" autocomplete="off" 
       onkeydown="onkeypressed(event, this);" />

Answer 2

<input type="text" value="" onkeyup="if ( event.keyCode == 27 ) this.value=''" />

这应该有用。

Answer 3

function keyPressed(evt) {
 if (evt.keyCode == 27) {
    //clear your textbox content here...
    document.getElementById("search").value = '';
 }
}

然后在你的输入标签中......

<input type="text" onkeypress="keyPressed(event)" id="search" ...>

Answer 4

＆＃13;

＆＃13;

$('input[type=text]').each(function (e) {
    $(this).keyup(function (evt) {
        var code = evt.charCode || evt.keyCode;
        if (code == 27) {
            $(this).val('');
        }
    })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" autofocus value="input data" placeholder="ESC button clear" style="padding:5px;">
<p>Hit esc button to see result</p>

＆＃13;

＆＃13;

＆＃13;