Question

有没有办法，在文档就绪/页面加载时，可以监听连续输入的3个以上字符，而不会执行任何其他操作，而其他任何内容都不会集中，如果发生该事件则转移那些3在显示，可见性或不透明度CSS属性隐藏的文本/搜索类型的输入字段之后输入的字符和其他任何内容？

在此过程中，我将不胜感激。

我用隐藏的标签和单选按钮/复选框做了类似的事情。但那是因为输入只是点击标签。不像字母数字输入那么复杂。

如果你能帮助我实现上述目标，我将不胜感激。

Answer 1

您的问题很模糊，但只要有任何其他输入包含事件.focus()，您就可以在输入上调用onblur，并使用oninput事件作为隐藏字段。< / p>

Answer 2

应该是直截了当的：

var keys = [];

$(document).on('keypress', function(e) {
    keys.push( String.fromCharCode(e.which) );
    if (keys.length > 2) 
        $('input').fadeIn(400).val( keys.join('') );
});

FIDDLE

Answer 3

您可以将按键绑定到文档并将结果存储在变量中，直到您准备好，例如：

var typedString = "";
$(document).keypress(function(e){
    typedString += String.fromCharCode(e.keyCode);
    if(typedString.length >= 3){
        $('#some-textbox').show();
        $('#some-textbox').val(typedString);
    }
});

在隐藏的输入字段中监听输入

3 个答案: