你如何做到這一點，讓別人可以在沒有輸入文字框的情況下在你的網站上輸入？

因此，我目前正在開發一個像網站那樣的終端，在這裏你可以輸入一個命令併發生一些事情。這是我的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>

所以，我要的是用戶可以輸入一個命令，按回車鍵，會有些事情發生，如「打印‘蟒蛇’ 「或者像顯示所有命令的幫助命令一樣。我該如何做到這一點，以便當他們按下輸入一個命令執行。

來源

2016-04-30 Frumentum

[捕獲按鍵沒有在頁面上放置輸入元素？]的重複（http://stackoverflow.com/questions/2878983/capture-key-press-without-placing-an-input-element-on -the-page） –

使用帶有textarea的窗體並製作邊框和背景透明度。不要添加提交按鈕。按回車提交（使用javascript後備）。那對你有用嗎？

來源

2016-04-30 17:42:51 JoostS

已添加編輯..... – Frumentum

你如何做到這一點，讓別人可以在沒有輸入文字框的情況下在你的網站上輸入？

回答

相關問題