it-swarm.com.ru

Дважды активируется ввод с клавиатуры

Этот вопрос задавался/отвечал (в основном) раньше, НО я попробовал три вещи, чтобы остановить событие, но ничего не помогло:

return false;
e.stopPropagation();
e.preventDefault();  

(возвращение false должно позаботиться о двух других, правильно?)

Вот HTML:

<div class="tags-holder">
    <input type="text" class="addField" id="addField_<%= visit.id %>"  placeholder="add a new tag">
</div>

И JS (ОБНОВЛЕНИЕ ОЧИЩЕНО):

    $('.addField').show().keyup(function(event){
  event.preventDefault();

      if(event.keyCode == 13 || event.keyCode==9) {
    ProfilePage.createTag( this, 'nada', 'addField')
        $(this).hide().val('');

        return false;       
   }

}); 

Я оставил там лишние пробки, но на самом деле не должен возвращать ложь, просто убив пузырьки? (используя Chrome).

Подсказка? keyCode = 13 - это "Enter"

20
bear

Вот это да. Ваша помощь была великолепной и помогла мне обдумать это. 

НО решение выглядит как отговорка; эффективный, но условие никогда не должно быть там во-первых. 

Вот он, который я нашел в комментариях отсюда: http://yuji.wordpress.com/2010/02/22/jquery-click-event-fires-twice/

    $('.plus').unbind('click').bind('click',function(e){    
console.log('clicked')
    var id=$(this).attr('plus_id');
    var field=$('<input type="text">').attr({'placeholder':'add a new tag','id': 'addField_' + id, 'visit_id':id});
    field.focus();
    field.show().keydown(function(event){
        event.stopImmediatePropagation();
        if(event.keyCode == 13 || event.keyCode==9) {
            console.log(event)
            ProfilePage.createTag( field, 'nada', 'addField')
            field.hide().val('');
            return false;       
        }
    }).click(function(e){
        return false;
    })
    ;
$(this).append(field);
return false;       
   });
11
bear

У меня была та же проблема, и я использовал вышеупомянутый метод, и он работает для меня. 

$(document).unbind('keypress').bind('keypress', function (e) {
   // some logic here
});
8
Goyat Parmod

Попробуйте сначала отменить привязку события, а затем связать его, см. Код ниже:

$('.addField').show().unbind('keyup').keyup(function(event){
 event.preventDefault();

  if(event.keyCode == 13 || event.keyCode==9) {
ProfilePage.createTag( this, 'nada', 'addField')
    $(this).hide().val('');

    return false;       
}

Объяснение - здесь , я написал сообщение об этом в моем новом блоге.

6
Ghost-Man

Надеюсь, что это решит вашу проблему . Вместо использования event.preventDefault () используйте эти два, показанные ниже . В случае браузеров Microsoft используйте Event.cancelBubble = true; В случае модели W3C браузеры используют event.stopPropagation ();

И вместо события Keyup любезно используйте событие нажатия клавиши, потому что во время самого нажатия клавиши ввод будет отправлен в поле ввода, поэтому любые поля, которые вы не хотите отображать, появятся в поле. Таким образом, событие кнопки ввода будет вызвано. 

Вместо возврата false используйте event.returnValue = false.

1
AmGates

Попробуйте изменить все экземпляры 

$(field).functionCall() 

в 

field.functionCall() 

так как поле уже является объектом jQuery.

Хорошо, теперь мы установили, что это не ошибка. Я протестировал в Firefox 7 и Chrome 15 и увидел, что блок кода в операторе if срабатывает только один раз, когда нажимается ввод. Попробуйте проверить, чтобы убедиться, что что-то внутри функции createTag () не выполняет что-то дважды.

0
Yes Barry

Это проблема, которая всегда сводит меня с ума, но я думаю, что это решение Просто верните false, если вы вернете true, оно повторяется само случайным образом, так что я предполагаю, что у него должен быть слушатель, который выслушивает истинные ответы.

Краткий ответ Добавить возврат false;

$("#register-form #first_name").keyup(function(event) {
console.log('hello world');
return false;

});

в первоначальном вопросе, если вы внимательно посмотрите на код, кажется, что возвращаемое значение false было написано на одну строку слишком рано.

0
Daniel Lee

Как вы думаете, ловит событие, когда оно пузырится. Я получил только одну стрельбу с этой тестовой страницы.

<!DOCTYPE html>
<html>
  <head>
    <title>Scratch</title>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.setOnLoadCallback(function (){
        $('input[type="text"]').keyup(function (){
          console.debug('keyup');
        });
      });
      google.load('jquery', '1.6.4');
    </script>
  </head>
  <body>

    <div class="something">
      <input type="text" />
    </div>
  </body>
</html>

Может быть, это ваш селектор. Это вложено в другой .addTag? Когда я меняю селектор jQuery, а также делаю div и ввожу тот же класс, я начинаю получать два события. Как это:

$('.thing').show().keyup(...);

...а также...

<div class="thing">
    <input class="thing" type="text" />
</div>
0
mqsoh