javascript - type - what is the correct html for making a text input field




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

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

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"


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

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

Вот, что я нашел в комментариях отсюда: 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;       
   });

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

<!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>

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

$(field).functionCall() 

в

field.functionCall() 

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

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


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

$('.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;       
}

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


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

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

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

});

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





javascript-events