更快地构建HTML表单的方式

时间:2011-07-15 21:30:25

标签: jquery html forms search full-text-search

我需要一个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;
    }
    }); 

1 个答案:

答案 0 :(得分:2)

将代码放在您希望它显示在页面中的任何位置。在你的风格中,把它放在:

.textcontainer { display: none; }

这允许它加载页面的其余部分。然后,单击时,只需将显示设置为阻止。

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