Javascript 焦点输入框上的按键按下

我已经创建了一个实时搜索，我想当用户点击ESC时，它应该集中到输入框，并删除其内容，如果不是空的自动

我可以删除的内容，但它不会集中在按键

函数

focus（）在
窗口上使用时有效。onload

我有现有的代码：（还尝试了注释中的代码，感谢，和）

关键事件是否有任何特定的方法来关注元素？
您不能在
输入上调用
清除
功能

您有两种选择：

使用
input.value=''清除特定输入

像这样：



var form=document.querySelector（'form'）；
var aramaAlani=document.getElementById（“id_arama”）；
$（文档）.on（'keydown'，函数（e）{
如果（e.keyCode==27）{//ESC键代码
//form.reset（）；
aramaAlani.value=''；
aramaAlani.focus（）；
//aramaAlani.scrollIntoView（）；
//document.forms['id\u arama'].elements[\u element].focus（）；
//document.getElementById（“id_搜索”）.focus（）；
}
});
您不能调用
输入
上的
清除
功能

您有两种选择：

使用
input.value=''清除特定输入

像这样：



var form=document.querySelector（'form'）；
var aramaAlani=document.getElementById（“id_arama”）；
$（文档）.on（'keydown'，函数（e）{
如果（e.keyCode==27）{//ESC键代码
//form.reset（）；
aramaAlani.value=''；
aramaAlani.focus（）；
//aramaAlani.scrollIntoView（）；
//document.forms['id\u arama'].elements[\u element].focus（）；
//document.getElementById（“id_搜索”）.focus（）；
}
});
$（文档）选中此项并添加id、类或元素此脚本是否位于
头
或
正文的底部
？@MoshFeu它位于
头
。因此，您需要将其移动到正文的底部，或用
$（文档）包裹它。准备好了吗。关于这个问题的更多信息：@MoshFeu，感谢您的及时回复。我已尝试移动它或用
$（文档）包装它。准备好了
，但它不起作用。$（文档）检查此项并添加id或类或元素此脚本是否位于
头
或
正文
的底部？@MoshFeu Its位于
头
中。因此，您需要将其移动到正文的底部，或者用
$（document.ready
包装它。关于这个问题的更多信息：@MoshFeu，感谢您的及时回复。我试图移动它或用
$（文档）包装它。准备好了
，但它不起作用。谢谢你这么好的解释。我所有的东西都是一样的，但它对我的仍然不起作用。我在
之后用
覆盖了我的
。我必须更新查询选择器吗？不。。
querySelector
也应该包括它。你能用你的代码创建一个有效的代码片段或bin吗？这样我就可以试着理解它的错误了。这是完整的版本：，搜索javascript端没有包括在内，因为它由于某种原因在JSFIDLE上不起作用。我已经修复了这个问题。存在jquery引用问题。此外，您还将输入的
id
从
id\u arama
更改为```。谢谢你这么好的解释。我所有的东西都是一样的，但它对我的仍然不起作用。我在
之后用
覆盖了我的
。我必须更新查询选择器吗？不。。
querySelector
也应该包括它。你能用你的代码创建一个有效的代码片段或bin吗？这样我就可以试着理解它的错误了。这是完整的版本：，搜索javascript端没有包括在内，因为它由于某种原因在JSFIDLE上不起作用。我已经修复了这个问题。存在jquery引用问题。此外，您还将输入的
id
从
id\u arama
更改为```。
var aramaAlani = document.getElementById("id_arama");

$( document ).on( 'keydown', function ( e ) {
    if ( e.keyCode === 27 ) { //ESC key code
        aramaAlani.reset();
        aramaAlani.focus();     
        //aramaAlani.scrollIntoView();
        //document.forms[ 'id_arama' ].elements[ _element ].focus();
        //document.getElementById("id_search").focus();
    }
});