質問: ### 前提・実現したいこと javascriptを使用して複数行のテキストを複数のテキストボックスにペーストしたいです。 例 1行目のコピー 2行目のコピー 3行目のコピー 上記3行がクリップボードに格納されている状態で、連続したテキストボックスに一度のペーストで入力したいです。 カーソルがフォーカスされているテキストボックスから順にペーストを行いたいと考えています。 name属性は全て同一の物で、class属性やid属性の追加に関しては不問です。 ### 試したこと 下記のようなソースコードを書きましたが どのテキストボックスにペーストしても一行目から挿入されてしまいます。 また事前に入力した内容も全て消えてしまうのでそこも解決したいです。 初歩的な質問かもしれませんが、当方プログラミング素人の為 お答え頂けますと幸いです。 ### 該当のソースコード ``` ```
回答: 雑ですが、こんな感じとか。 ``` $( function() { //ペーストを実行した時に document.addEventListener( 'paste', function( e ) { var index = 0; //クリップボードの文字列を引用 var testtext = e.clipboardData.getData( 'Text' ).split( '\n' ); //テキストボックスに出力 $( '[name="name[]"]' ).each( function( i, e ) { if ( $( this ).val() ) { return; } while ( index < testtext.length ) { if ( !testtext[ index ] ) { index++; continue; } $( this ).val( testtext[ index ] ); index++; break; } } ); } ); } ); ``` **動くサンプル:**