如何使用.keyup（）添加新的輸入字段？

我創建Add按鈕創建輸入字段讓我告訴你這裏如何使用.keyup（）添加新的輸入字段？

$(document).ready(function(){ 
    var scntDiv = $('#add_words'); 
    var wordscount = 1 ; 
    var i = $('.line').size() + 1; 
    $('#add').click(function() { 
     wordscount++; 
     $('<div class="line">Word is ' + wordscount + '<input type="text" class="input' + wordscount + '" value="' + wordscount + '" /></div>').appendTo(scntDiv); 
     i++; 
     return false; 
    }); 

<a id="add">Add</a> 
<div id="add_words"> 
    <div class="line">Word is 1<input type="text" value="1" /></div> 
</div>

我的代碼，我想用.keyup()函數代替<a id="add">Add</a>。任何一個請幫助我在此先感謝

來源

2012-02-09 Muhammed

這樣的事情下面，here是

$(document).keyup(function(e) { 
    var key = (e.keyCode ? e.keyCode : e.which); 
    if (key === 32) { 
     $('body').append('<p>stop touching your keyboard</p>'); 
    } 
});

來源

2012-02-09 00:15:30

你試過安全嗎？這與將鍵入事件分配給輸入字段而不是在div上使用click事件一樣簡單。

我看到你遇到的問題是針對每個字符，在keyup上會創建一個新的輸入字段，所以你可以通過以下兩種方式之一來解決這個問題：1）刪除keyup事件一旦創建了一個新的輸入字段，在這種情況下，根據您提供的信息，我假設您希望將鍵入事件分配給新的輸入字段，因此如果有人開始在那裏鍵入內容，則會創建另一個輸入字段。

（你需要jQuery的bind和unbind方法）

或2）創建一個標誌說，如果有一個新的領域或沒有。這個選項的優化程度稍差一點，我走這條路線時遇到的問題是事件觸發了添加到輸入字段的每個字符，但是我只是在需要時拋出它，因爲沒有太多詳細說明你正在努力完成的事情。

來源

2012-02-09 00:10:19

我還沒有嘗試過的關鍵代碼的列表，我在JQuery的是新。我想創建一個在線字典。使用'keyup（）'爲客戶添加額外的文本字段以將新單詞添加到數據庫 – Muhammed 2012-02-09 08:13:53

如何使用.keyup（）添加新的輸入字段？

回答

相關問題