使用 Javascript 在按键时显示隐藏的可见性文本

Question

我有这个 javascript，当按下回车按钮时它会被激活。它确实检测击键，甚至设置背景图像。但是 secret and/or secrettext 的元素不会被切换为可见。我想让它切换可见性。

JS

$(document).keypress(function(e) {
if(e.which == 13) {
$("#backgroundjake").css('backgroundImage', 'url(' +'images/bw_c1.jpg'+ ')');
$("#secret").show();
$("#secrettext").show();

HTML

<div id="secrettext">
<textarea id="secret"  style="height:200px;width:400px;font- size:14pt;visibility:hidden;"></textarea>
 </div>

Answer 1

只是改变$("#backgroundjake").css('backgroundImage', 'url(' +'images/bw_c1.jpg'+ ')'); 至

$("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');

语法无效

 $(document).keypress(function(e) {
  if (e.which == 13) {
    $("#backgroundjake").css('background-image', 'url(images/bw_c1.jpg)');
    $("#secret").show();
    $("#secrettext").show();
  }
});

Answer 2

我建议一个干净利落的方法是切换 class 的可见性（如果你想淡化 in/out 则切换为不透明度）CSS 属性.

例如

$("#secrettext").addClass("show");

与 CSS:

#secrettext.show{
  visibility:visible;
}

工作示例：https://jsfiddle.net/7xhLa2uq/

Answer 3

你必须这样做：

 $("#secret").css({"visibility":"visible"});

Answer 4

secret嵌套在secrettext里面，所以你不需要隐藏和显示它们，只需要隐藏和显示secrettext，就够了。

然后在document ready函数里面，使用;

$("#secrettext").hide();

并删除 css visibility:hidden 属性.

使用 Javascript 在按键时显示隐藏的可见性文本

Show hidden visibility text on key press with Javascript

html

javascript

css

visibility