Jquery插件 - 在文本字段中键入字段隐藏的框？

Question

这很难解释。我见过一个插件，允许用户输入隐藏的文本字段。你注意到的只是一个光标和正在键入的文本。如果你看过新的MySpace视频。你可以在那里看到我在说什么。对不起，这没有更好的解释。

Answer 1

除了从浏览器禁用CSS外，您无法输入隐藏的文本框。

但是，您可以使用空白样式隐藏文本框 ：

input.hidden { 
   border:0;
   outline: none;
}

在下面的演示中，单击第一个文本框的右侧，您就可以开始输入（尽管文本框显示为隐藏）：

-- See Demo --

Answer 2

我找到了答案，并不是通过使用Jquery插件，我认为会创建它。

将背景设置为透明是什么诀窍。我还需要用户能够在屏幕上的任何地方打字，文本显示在文本区域中。这是通过以下JS完成的。

$( document ).on( 'keydown', function( ev ) {
var nodeName = ev.target.nodeName;
if ( 'INPUT' == nodeName || 'TEXTAREA' == nodeName ) {
    return;
}
$( '#text' ).val( '' ).trigger( 'focus' );
} );