HTML代碼:
復制代碼 代碼如下:
把上面的HTML代碼保存成html格式文件,用浏覽器打開,就可以看到效果了。注意:有些浏覽器為了安全起見,禁止執行本地腳本,請點擊“運行”即可。
再查找資料的過程中,發現不僅僅change事件可以處理,其他事件也可以處理。例如:keyup事件等。這裡再貼一下另外連個例子片段:
//這個不是即時性的改變
<input type="text" id="t1" value="" size="45" onchange="document.getElementById('t2').value=this.value" />
<input type="text" id="t2" value="" size="45" onchange="document.getElementById('t1').value=this.value" />
//這個是即時性的改變,但如果你用鼠標標操作他不會檢測到,所以你可以把這上下兩個結合下.
<input type="text" id="t3" value="" size="45" onkeyup="document.getElementById('t4').value=this.value" />
<input type="text" id="t4" value="" size="45" onkeyup="document.getElementById('t3').value=this.value" />