html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기

html 한 input 입력 시에 다른 input 도 동시에 입력하게 하기 

html 입력을 하다가 한 요소를 입력하면 다른 요소를 동시에 입력하게 하고 싶을 때가 있습니다. 

저 같은 경우도 이름을 입력하면 초기 닉네임을 이름으로 설정하였기 때문에, 

이름을 입력하는 동시에 닉네임이 갱신되게 하고 싶었습니다. 

그래서 간단하게 아래의 코드들로 구성해보았습니다. 

- html 요소의 구성 

<td class="key">이름 </td>
<td>
   <input type="text" id="reg_mb_name" name="mb_name">
</td>

<td class="key">닉네임</td>
<td>
   <input type="text" name="mb_nick" readonly="readonly">
</td>

- javascript 요소의 구성 

<script>
    // 하나 입력 시 동시에 입력되게 한다.
    $("#reg_mb_name").keydown(function(){
        $('#reg_mb_nick').val($(this).val());
    });
    // 마지막에 입력 시 입력되게 한다.
    $("#reg_mb_name").change(function(){
        $('#reg_mb_nick').val($(this).val());
    });
</script>

- 결과

readonly 였던 닉네임이 동시에 잘 입력됩니다.