[js] aggiornare campo dopo un "incolla"

Ciao a tutti vorrei aggiornare il campo con id codici aggiungendoci alla fine di ogni codice un trattino. I codici vengono inserito tramite un incolla nel campo con id "codici".
Io ho fatto così ma non funziona:

Codice:

---

<script type="text/javascript">
function aggiungiCodice(){
        document.getElementById("codici").innerHTML = document.getElementById("codici").innerHTML+" ";
}
</script>

<table>
<th class="label">Docente</th>
<td class="tabDati" colspan="3"><select name="docente">
<option value="">-----</option>
<option value="3">Anthony - Barchiesi</option>
<option value="2">Maurizio - Bianco</option>
</select>
</td>
</tr>
<tr>
<th class="label">Codici</th>
<td class="tabDati" colspan="3">
<textarea name="codici" id="codici" onkeydown="aggiungiCodice();"></textarea>
</td>
</tr>
</table>

---

Invece che l'evento onKeyDown prova ad utilizzare l'evento onChange.

niente da fare...iciamo che se è un div al posto di un textarea funziona.

EDIT:
sono riuscito a farlo aggiornare, ma il problema non l'ho risolto.
In questo campo dovrò inserire dei codici presi da un lettore codici a barre e vorrei dividerli tra loro per non creare confusione.