js即時監聽文字框狀態的方法

複製代碼 代碼如下:
<div id="msg"></div>
<input type="text" name="txt" id="txt"/>
<script>
//當狀態改變的時候執行的函數
function handle()
{
document.getElementById('msg').innerHTML = document.getElementById('txt').value;
}

//if("\v"=="v")只有在IE下才返回真，包括IE8
//if(/msie/i.test(navigator.userAgent))也同樣能有效判斷
if("\v"=="v"){
//IE監聽文字框且賦一個函數，函數名後不能帶括弧
document.getElementById('txt').onpropertychange = handle;
}else{
//Google瀏覽器利用添加事件函數為文字框添加事件並賦事件要執行的方法，同樣方法名後不能加括弧
document.getElementById('txt').addEventListener("input", handle);
}
</script>