как сделать KeyUp() функцию только на первом KeyUp в области

Question

Я создал KeyUp() код здесь

$(document).ready(function() { 
    var scntDiv = $('#add_words'); 
    var wordscount = 1; 
    $(document).keyup(function(e) { 

     var key = (e.keyCode ? e.keyCode : e.which); 
     if (key === 32) { 
      wordscount++; 
      $('.input1').append('<p>stop touching your keyboard</p>'); 
      $('<div class="line">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /><a class="remScnt">Remove</a></div>').appendTo(scntDiv); 
      i++ 
      return false; 
     } 
    }); 
}); 

<div id="add_words"> 
    <div class="line">Word 1<input class="input1" type="text" value="1" /></div> 
</div> 

, который работает нормально, но когда я нажимаю пробел, добавив новое поле ввода. проблема в том, что я не смог бы набирать длинные слова с пространством (приходящее много поля ввода)

например: - когда тип «мой мир привет» показывает два поля ввода. На самом деле мне нужно еще одно поле.

мой вопрос заключается в том, что есть ли какая-либо параметр keyup() функция работает только в первый раз в том же поле

Если вы знаете, могли бы вы помочь мне, пожалуйста

Answer 1

Я думаю, что это то, что вы для

поиску

$(document).ready(function() { 
    var scntDiv = $('#add_words'); 
    var wordscount = 1; 
$("#add_words").on("keyup","input[type='text']",function(e) { // Set the eventhandler to the inputs 

     var key = (e.keyCode ? e.keyCode : e.which); 
     if (key === 32) { 
      if($(this).attr("data-isused")!="true"){ // Check if THIS textbox have append a new textbox? 
      $(this).attr("data-isused","true"); // Mark that this textbox has append a new one 
      wordscount++; 
      $('.input1').append('<p>stop touching your keyboard</p>'); 
      $('<div class="line">Word ' + wordscount + '<input type="text"  class="input' + wordscount + '" value="' + wordscount + '" /><a class="remScnt">Remove</a> </div>').appendTo(scntDiv); 
     //i++ Ignore this, couse its not declared 
     return false; 
     } 
    } 
}); 

});

JS Fiddle: http://jsfiddle.net/pURVS/

Answer 2

нет, но вы можете добавить класс к целевому полю ввода и тест если он уже здесь, то ничего не делать

Answer 3

Вы должны использовать привязку и UNBIND методы:

http://api.jquery.com/bind/ http://api.jquery.com/unbind/

Например:

var handler = function() { 
    alert('The quick brown fox jumps over the lazy dog.'); 
    // unbind handler so the function is not executed again 
    $('#foo').unbind('click', handler); 
}; 
$('#foo').bind('click', handler); 

В функции обработчика, если вы больше не хотите, чтобы это было выполнено (после первого нажатия клавиши), вы вызываете UNBIND метод.

Answer 4

Вы можете использовать один метод для автоматического отвязать событие после первого использования:

$("#foo").one("keyup", function() { 
    alert("This will be displayed only once."); 
}); 

Answer 5

вы можете использовать jQuery .one()

$('#myinput').one('keyup',function(){ 
// do something 
}); 

Answer 6

Я не уверен, что делать вам хочу точно, но попробуйте это ...

Используйте HTML5 data.*, чтобы узнать, кто использовал это пространство раньше.

$(document).ready(function() { 
    var scntDiv = $('#add_words'); 
    var wordscount = 1; 
    $(document).keyup(function(e) { 

     var key = (e.keyCode ? e.keyCode : e.which); 
     if (key === 32 && $(e.target).data('added')) { // <=== Here 
      $(e.target).data('added', 'added');  // <=== And Here 
      wordscount++; 
      $('.input1').append('<p>stop touching your keyboard</p>'); 
      $('<div class="line">Word ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /><a class="remScnt">Remove</a></div>').appendTo(scntDiv); 
      i++ 
      return false; 
     } 
    }); 
});