下記のサンプルでは、テキストボックス内で一文字入力するごとに、すぐ下に同じ文字列を表示します。
<p>
<input type="text" id="txt1" size="50" />
<pre id="output">Message will be shown here</pre>
</p>
<script>
window.onload = function() {
var output = document.getElementById('output');
document.getElementById('txt1').onkeyup = handleKeyUp;
function handleKeyUp() {
output.innerHTML = this.value;
}
};
</script>
Message will be shown here