複数行のテキストをコピーして、それぞれ異なるテキストボックスにペーストしたい

###前提・実現したいこと
javascriptを使用して複数行のテキストを複数のテキストボックスにペーストしたいです。

例
1行目のコピー
2行目のコピー
3行目のコピー

上記3行がクリップボードに格納されている状態で、連続したテキストボックスに一度のペーストで入力したいです。

カーソルがフォーカスされているテキストボックスから順にペーストを行いたいと考えています。
name属性は全て同一の物で、class属性やid属性の追加に関しては不問です。

###試したこと
下記のようなソースコードを書きましたが
どのテキストボックスにペーストしても一行目から挿入されてしまいます。
また事前に入力した内容も全て消えてしまうのでそこも解決したいです。
初歩的な質問かもしれませんが、当方プログラミング素人の為
お答え頂けますと幸いです。

###該当のソースコード

html
1<script type="text/javascript">
2$(function(){
3
4	//ペーストを実行した時に
5	document.addEventListener('paste', function(e){
6
7		//クリップボードの文字列を引用
8		var testtext = e.clipboardData.getData('Text').split('\n');
9
10			//テキストボックスに出力
11			$('[name="name[]"]').each(function(i, e){
12				$(this).val(testtext[i]);
13			});
14
15	});
16
17});
18
19</script>
20
21<input type="text" name="name[]" onpaste="return false"><br>
22<input type="text" name="name[]" onpaste="return false"><br>
23<input type="text" name="name[]" onpaste="return false"><br>
24<input type="text" name="name[]" onpaste="return false"><br>
25<input type="text" name="name[]" onpaste="return false"><br>
26<input type="text" name="name[]" onpaste="return false"><br>

行動規範の内容に同意します

回答2件

ベストアンサー

雑ですが、こんな感じとか。

JavaScript
1$( function() {
2    //ペーストを実行した時に
3    document.addEventListener( 'paste', function( e ) {
4        var index = 0;
5        //クリップボードの文字列を引用
6        var testtext = e.clipboardData.getData( 'Text' ).split( '\n' );
7		//テキストボックスに出力
8		$( '[name="name[]"]' ).each( function( i, e ) {
9			if ( $( this ).val() ) { return; } 
10			while ( index < testtext.length ) {
11				if ( !testtext[ index ] ) {
12					index++;
13					continue;
14				}
15				$( this ).val( testtext[ index ] );
16				index++;
17				break;
18			}
19		} );
20    } );
21} );
22```**動くサンプル：**[https://jsfiddle.net/661rmoro/2/](https://jsfiddle.net/661rmoro/2/)