html5 實時監聽輸入框值變化的完美方案：oninput & onpropertychange

結合 HTML5 標準事件 oninput 和 IE 專屬事件 onpropertychange 事件來監聽輸入框值變化。

 

H5手機端：

<input type="text" placeholder="請輸入金額" value="" oninput="only_number(this)">

//輸入框，限金額
function only_number(obj) {
    //先把非數字的都替換掉，除了數字和.
    obj.value = obj.value.replace(/[^\d.]/g, "");
    //必須保證第一個爲數字而不是.
    obj.value = obj.value.replace(/^\./g, "");
    //保證只有出現一個.而沒有多個.
    obj.value = obj.value.replace(/\.{2,}/g, ".");
    //保證.只出現一次，而不能出現兩次以上
    obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
}

 

 

 

來源：

http://www.cnblogs.com/lhb25/archive/2012/11/30/oninput-and-onpropertychange-event-for-input.html