Большое оговорку ---- в моем офисе мы обнаружили, что (на некоторых машинах Windows) мы не могли выделить более 512 м для кучи Java. Это оказалось связано с тем, что на некоторых из этих компьютеров установлен антивирус Касперского. После удаления этого AV-продукта мы обнаружили, что мы могли бы выделить не менее 1,6 ГБ, т. Е. -Xmx1600m (m является обязательным, иначе он приведет к другой ошибке «Слишком маленькая начальная куча»).
Нет идеи если это происходит с другими AV-продуктами, но, по-видимому, это происходит, потому что программа AV резервирует небольшой блок памяти в каждом адресном пространстве, тем самым предотвращая одно очень большое выделение.
Это должно заставить вас начать (нужно щелкнуть за пределами поля для обновления):
$('input[name=first_name]').blur(function(){
$('#initname').text( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 class="login-heading">
<a href="./index.html" class="lnk2">Join</a> us,
<span id="initname">Luke</span>.</h1>
<form method="post">
<input type="text" name="first_name" placeholder="First Name" required="required" class="input-txt" />
</form>
Вы также можете использовать метод keyup()
для изменения текста диапазона в реальном времени:
$('input[name=first_name]').keyup(function(){
$('#initname').text( this.value );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 class="login-heading">
<a href="./index.html" class="lnk2">Join</a> us,
<span id="initname">Luke</span>.</h1>
<form method="post">
<input type="text" name="first_name" placeholder="First Name" required="required" class="input-txt" />
</form>
Или, после того, как пользователь перестанет печатать на 1,2 секунды (1200 миллисекунд):
pauseTime = 1200;
$('input[name=first_name]').keyup(debounce(function(event){
$('#initname').text( this.value );
},pauseTime));
function debounce(fn, delay) {
var timer = null;
return function () {
var context = this, args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(context, args);
}, delay);
};
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<h1 class="login-heading">
<a href="./index.html" class="lnk2">Join</a> us,
<span id="initname">Luke</span>.</h1>
<form method="post">
<input type="text" name="first_name" placeholder="First Name" required="required" class="input-txt" />
</form>
Ссылки:
Без использования внешних библиотек: Разные способы использования onchange: http://www.w3schools.com/jsref/event_onchange.asp
И onkeyup: http : //www.w3schools.com/jsref/event_onkeyup.asp
Предположим, вы предпочитаете onkeyup, и я использую один в качестве примера:
html
<h1 class="login-heading">
<a href="./index.html" class="lnk2">Join</a> us,
<span id="initname">Luke</span>.</h1>
<form method="post">
<input type="text" onkeyup="changeText(this)" name="first name" placeholder="First Name" required="required" class="input-txt" />
</form>
js
function changeText(element) {
document.getElementById('initname').innerHTML = element.value;
}
Пример: https://jsfiddle.net/uaqrcc7a/