代码改变世界

oninput && onpropertychange

2011-11-30 11:33  前端小鬼  阅读(680)  评论(0)    收藏  举报

<div id="msg"></div> 
<input id='txt' value="" /> 

//当状态改变的时候执行的函数 
function handle() 
{
    document.getElementById('msg').innerHTML='输入的文字长度为：'+document.getElementById('txt').value.length; 
} 
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 
if(/msie/i.test(navigator.userAgent))    //ie浏览器 
{
    document.getElementById('txt').onpropertychange=handle;
} 
else 
{//非ie浏览器，比如Firefox 
    document.getElementById('txt').addEventListener("input",handle,false); 
} 
$("#textboxID").bind("propertychange", function() { 
alert($(this).val()); 
});