|
споткнулась об .keypress
есть поле ввода
<input type="text" name="text_1" id="text_1" size="50" />
Задача - перехватить ввод символа в поле, и всё содержимое поля поместь в шапку этой же страницы.
<script type="text/javascript">
$(function() {
$(id="#text_1").keypress (function() { // Если есть нажатие клавиши в поле ввода
var TextStr = $("#text_1").val(); // Тогда получаем содержимое этого поля ввода
$.ajax({ // Аякс обновляет "на лету" шапку этой же самой страницы.
type: "POST",
url: "page_2.php",
data: ({
'string' : TextStr}), // Cобственно передаём содержимое поля ввода.
success: function(html){
$(".text_1").html(html); // выводим данные в шапку.
// Проблема в том, что последний символ
// (когда происходит отлов нажатия клавиши) всегда отсутствует.
// т.к. передача происходит раньше добавления последнего символа в поле ввода.
}
})
});
});
</script>
// Попробовала использовать доп. параметр функции:
keypress (function (e)
.................
и прибавлять к содержимому поля ввода последний введённый символ.
Но моих знаний js пока хватает лишь отловить юникод символа.
var TextStr = $("#text_1").val()+e.which;
// как получить сам символ не знаю.
Что делать в этой ситуации вообще , посоветуйте кто знает.
|
