Более быстрый способ создания HTML-формы

Question

Мне нужна форма 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;
    }
    }); 

Answer 1

Разместите код там, где вы хотите, чтобы он отображался на странице. в ваших стилях, поместите это:

.textcontainer { display: none; }

Это позволяет загружать остальную часть страницы. Затем, по щелчку, просто установите дисплей на блокировку.

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