Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery插件-在文本字段中键入隐藏字段的框?_Javascript_Jquery_Plugins - Fatal编程技术网

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

Javascript Jquery插件-在文本字段中键入隐藏字段的框?,javascript,jquery,plugins,Javascript,Jquery,Plugins,这很难解释。我见过一个插件,它允许用户在隐藏的文本字段中键入内容。你所注意到的只是一个光标和正在键入的文本。如果你看过MySpace的新视频。你可以看到我在说什么。很抱歉,这没有得到更好的解释。除了从浏览器中禁用CSS之外,您不能在隐藏的文本框中键入内容 但是,可以使用空白样式使文本框显示为隐藏: input.hidden { border:0; outline: none; } 在下面的演示中,单击第一个文本框右侧,您将能够开始键入(尽管文本框显示为隐藏): 我找到了这个问题的

这很难解释。我见过一个插件,它允许用户在隐藏的文本字段中键入内容。你所注意到的只是一个光标和正在键入的文本。如果你看过MySpace的新视频。你可以看到我在说什么。很抱歉,这没有得到更好的解释。

除了从浏览器中禁用CSS之外,您不能在隐藏的文本框中键入内容

但是,可以使用空白样式使文本框显示为隐藏:

input.hidden { 
   border:0;
   outline: none;
}
在下面的演示中,单击第一个文本框右侧,您将能够开始键入(尽管文本框显示为隐藏):


我找到了这个问题的答案,不是通过使用Jquery插件,而是我认为应该创建的东西

将背景设置为透明是成功的关键。我还需要用户能够在屏幕上的任何地方键入,并且文本显示在文本区域中。这是通过下面的JS实现的

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

请把你试过的代码贴出来。您应该可以通过更改文本框的不透明度在CSS中实现这一点。@joshuahornby10-这就是我想要的。在上面显示“childish…”的屏幕截图中,这也是对功能的描述。您可以看到字体有多大,并且没有输入文本的可见字段。