码迷,mamicode.com
首页 > Web开发 > 详细

html5 实时监听输入框值变化的完美方案:oninput & onpropertychange

时间:2017-04-28 16:13:20      阅读:1787      评论:0      收藏:0      [点我收藏+]

标签:and   ref   实时   div   event   nbsp   htm   function   inpu   

结合 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

html5 实时监听输入框值变化的完美方案:oninput & onpropertychange

标签:and   ref   实时   div   event   nbsp   htm   function   inpu   

原文地址:http://www.cnblogs.com/xiangsj/p/6781590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!