[JavaScript] input에 키입력 받았을 때 다음 Element에 값 옮기기(엑셀 복붙 쪼개기)

input에 값을 입력받았을 때, 다음 탭, 다음 칸으로 이동이 필요한 경우에 대해 기록으로 남긴다.

이번 상황의 경우 엑셀에서 복사한 값을 그대로 입력하고자 하였는데,

복사해서 텍스트를 확인해보니

A\tB 와 같이, "탭"으로 열을 구분하여 복사된 것을 확인하였다.

콘솔 결과

직접 복붙해본 상황

이와 같은 상황일 때, 나는 저 B가 복붙과 동시에 다음칸에 입력되었으면 하였다.

html

맨 처음 input태그에 대한 이벤트

일단 keyup을 이벤트로 붙였고, 입력된 값을 좀 전에 확인한 바와 같이 \t로 쪼갰다.

그 다음 입력값에서 \t를 인식하면 맨 첫칸에 A, 다음칸에 B를 입력한다.

 

**적용결과

 

복붙!

** 엑셀에서 복붙할 때 다음 행은 ' '으로 구분한다.

즉, 여러 행, 여러 열의 값들을 복붙할 경우에는

와 같이 사용할 수 있겠다.