将用户inmidatley的输入添加到<input />

时间:2014-02-18 10:29:18

标签: javascript jquery html

对于这个例子,我有一个简单的html标记:

<input id="INPUT"/>

我现在想要实现的是当用户输入内容时。他的输入是#INPUT中显示的inmidiatley。我尝试了这个,但不知何故它不会工作:

$('document').keydown( function(e) {
   $('#INPUT').focus();
});

我该怎么做?谢谢 http://jsfiddle.net/GdVvd/

6 个答案:

答案 0 :(得分:6)

document周围不需要引号,因为如果您将其放在引号中,选择器将查找具有tagName匹配“文档”的元素。

<强> Live Demo

$(document).keydown( function(e) {
   $('#INPUT').focus();
});

答案 1 :(得分:1)

HTML5解决方案是简单地为您的input元素提供autofocus属性。这将使页面加载时集中注意力:

<input id="input" autofocus />

JSFiddle demo

但请注意,此解决方案目前不适用于IE或Firefox。

答案 2 :(得分:1)

请从下面的文档中删除单引号:

$(document).keydown( function(e) {
   $('#INPUT').focus();
});

<强> JSFIDDLE

答案 3 :(得分:1)

你应该删除引用:

$(document).keydown( function(e) {
   $('#INPUT').focus();
});

答案 4 :(得分:1)

您需要删除&#39;&#39;来自这样的文件。

$(document).keydown( function(e) {
   $('#INPUT').focus();
});

http://jsfiddle.net/GdVvd/

答案 5 :(得分:0)

如果您移除single quotes周围的document,您的js功能将像其他用户指出的那样工作。 这也意味着任何关键用户按下都会使文本框成为焦点。相反,您可以进一步尝试检查您希望允许用户使用的有效密钥。

//var keycodes = [];
$(document).keydown( function(e) {
   if(e.which == 'somekeycode')
     $('#INPUT').focus();
});