我在这里创建了jsfiddle。
$(document).ready(function() {
var max_fields = 10; //maximum input boxes allowed
var x = 1; //initlal text box count
$(function(){
$('body').on('paste','.last',function(){
if(x < max_fields){ //max input box allowed
x++; //text box increment
$('body').append('<div><textarea class="last" type="text" name="text'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" rows="1" cols="50" /><a href="#" class="remove_field">Remove</a></div>');
}
})
$('body').on("click",".remove_field", function(e){ //user click on remove text
e.preventDefault(); $(this).parent('div').remove(); x--;
})
$('body').on('keydown','.last',function(e){
if (e.keyCode == 13) {
e.preventDefault();
x++; //text box increment
$('body').append('<div><textarea class="last" type="text" name="text'+(Number($(this).attr('name').match(/[0-9]+/g))+1)+'" rows="1" cols="50" /><a href="#" class="remove_field">Remove</a></div>'); //add input box
}
});
})
});
现在我只设法让textarea输入触发输入键码和粘贴事件。如何使每个新行/ n触发输入,以便每次粘贴数据时,新行输入都有自己的字段区域。