0
私は現在、あなたがコマンドを入力し何かが起こるウェブサイトのような端末を開発しています。これは、それでは私が欲しいするには、ユーザが「印刷 『のpython』のような、コマンドを入力しEnterキーを押します、と何かが起こるだろうことができますが...私のCSSとHTMLファイルがどのように見えるかです誰かが入力テキストボックスなしであなたのウェブサイトに「入力」できるようにするにはどうすればよいですか？
p {
color: white;
font-family: fixedsys, LucidaTerminal, monospace
}
.blink_text {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
animation-name: blinker;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
color: white;
}
@-moz-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@-webkit-keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}
@keyframes blinker {
0% {
opacity: 1.0;
}
50% {
opacity: 0.0;
}
100% {
opacity: 1.0;
}
}<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="interface.css">
</head>
<body style="background-color:black;">
<p style="display:inline">~/Link/Hydrogen/Helium/Lithium></p>
<span class="blink_text">_</span>
</body>
[キャプチャキーを押すとページ上に入力要素を置かずに複製できますか？]（http://stackoverflow.com/questions/2878983/capture-key-press-without-placing-an-input-element-on -the-page） –