我需要一个HTML表单,在用户单击空格按钮后在屏幕的某个位置创建。当然头部有一些CSS。构建DOM树有点慢,document.write
并不是我尝试过的好决定。一些代码尝试如下:
$(document).keydown(function(e){
if (e.keyCode == 32) {
$('<div class="textcontainer"><form><input type="text" name="q" class="text" autocomplete="off"><div id="log"></div></form></div>');
return false;
}
});
答案 0 :(得分:2)
将代码放在您希望它显示在页面中的任何位置。在你的风格中,把它放在:
.textcontainer { display: none; }
这允许它加载页面的其余部分。然后,单击时,只需将显示设置为阻止。
$(document).keydown(function(e){ if (e.keyCode == 32) { $('.textcontainer').css('display','block'); return false; } });