Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.07.2012, 15:11
Интересующийся
Отправить личное сообщение для Alamogoro Посмотреть профиль Найти все сообщения от Alamogoro
 
Регистрация: 09.03.2012
Сообщений: 16

Проблема с onkeypress
Привет всем.

Столкнулся в сайте с такой проблемой. Есть текстовое input поле, в которое вводится название материала. Вручную его отредактировать возможности нет, но нужно сделать так, чтобы при вводе каждой буквы (onkeypress) срабатывала функция loadCheck();

Как это осуществить с помощью скрипта, если известно id поля = "nwF1"
Ответить с цитированием
  #2 (permalink)  
Старый 10.07.2012, 15:36
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

на jQuery можно реализовать так
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>

<input id="nwF1" type=text />


<script>
 var TxtLength=0;

$("#nwF1").bind('mouseout mousemove keydown keypress keyup',function(e){

    var ThisLength=$(this).val().length;
    var Delta=ThisLength-TxtLength;
    var DeltaQadr = Delta*Delta;
    if(DeltaQadr){
         TxtLength=ThisLength;alert("Строка изменилась")
         //loadCheck(); //Вызов чего-то
    }
})
</script>

Последний раз редактировалось Deff, 10.07.2012 в 15:50.
Ответить с цитированием
  #3 (permalink)  
Старый 10.07.2012, 15:42
Интересующийся
Отправить личное сообщение для Alamogoro Посмотреть профиль Найти все сообщения от Alamogoro
 
Регистрация: 09.03.2012
Сообщений: 16

Спасибо большое! Реализовал! )
Ответить с цитированием
  #4 (permalink)  
Старый 10.07.2012, 16:11
Аватар для Drimogemon
Профессор
Отправить личное сообщение для Drimogemon Посмотреть профиль Найти все сообщения от Drimogemon
 
Регистрация: 02.07.2012
Сообщений: 106

<input type="text" id="nwF1">

<script>
document.querySelector('#nwF1').addEventListener( 'input', function(){
  alert( this.value )
});
</script>

Последний раз редактировалось Drimogemon, 10.07.2012 в 16:14.
Ответить с цитированием
  #5 (permalink)  
Старый 10.07.2012, 17:54
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<div id="div"></div>
<input id="inp">

<script>
window.onload = function () {
var div = document.getElementById('div');
var inp = document.getElementById('inp');

 inp.onkeyup = function () {
    div.innerHTML = inp.value;
  }
}
</script>
Ответить с цитированием
  #6 (permalink)  
Старый 10.07.2012, 18:07
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

bes,
вставка - удаление символов может быть и по правой кнопке мыши - что и в итоге приводит либо к длиннокоду на jQuery либо к EventListener
Ответить с цитированием
  #7 (permalink)  
Старый 10.07.2012, 18:15
Аватар для Drimogemon
Профессор
Отправить личное сообщение для Drimogemon Посмотреть профиль Найти все сообщения от Drimogemon
 
Регистрация: 02.07.2012
Сообщений: 106

Deff,
вот правильный вариант)))))))
Проблема с onkeypress
Ответить с цитированием
  #8 (permalink)  
Старый 10.07.2012, 18:16
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

Deff, не совсем понял, о чём идёт речь в данной ситуации, но обработчик onkeyup позволяет сразу использовать всё введённое в input содержимое в отличие от обработчика onkeypress, который не может задействовать последний введённый символ.

Последний раз редактировалось bes, 10.07.2012 в 18:21.
Ответить с цитированием
  #9 (permalink)  
Старый 10.07.2012, 18:17
Аватар для Drimogemon
Профессор
Отправить личное сообщение для Drimogemon Посмотреть профиль Найти все сообщения от Drimogemon
 
Регистрация: 02.07.2012
Сообщений: 106

bes,
если я вставлю правой кнопкой мышки текст из буфера событие не сработает.
Ответить с цитированием
  #10 (permalink)  
Старый 10.07.2012, 18:23
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

bes,
Вставь или удали часть слова по правой кнопки мыши в своём примере (или блокируй её у пользователя (мну без наезда, - просто приходицо собак есть из-за начальства
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с обработкой ескольких .hover() anocean jQuery 3 15.06.2012 22:43
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47