javascript - 侦听隐藏输入字段中的输入

Question

有没有办法，在文档准备好/页面加载时，可以监听连续输入的 3 个以上的字符，这些字符不做任何其他事情，而没有其他的重点，如果发生该事件，则传输这 3 个字符和任何内容否则在文本/搜索类型的输入字段中键入的其他内容 - 通过显示、可见性或不透明度 CSS 属性？

我将不胜感激这样做的任何帮助。

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

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

Answer 1

您的问题含糊不清，但您可以做的是.focus()在任何其他输入有事件时调用输入onblur并将该oninput事件用于您的隐藏字段。

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('') );
});

小提琴

Answer 3

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

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