构建HTML表单的更快方法

Question

我需要一个HTML表单，它在用户单击空格按钮后在屏幕上的某个位置创建。当然，头部有一些CSS。构建DOM树有点慢，而且我试过的时候并不是很好的决定。一些代码尝试如下：

$(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; 
    } 
    }); 

Answer 1

将代码放在任何你希望它显示在页面中的地方。在您的样式，把这个：

.textcontainer { display: none; }

这使得它与页面的其余部分加载。然后，单击时，只需将显示设置为阻止。

$(document).keydown(function(e){ 
    if (e.keyCode == 32) { 
      $('.textcontainer').css('display','block'); 
     return false; 
    } 
    });