首页 > 代码库 > html5 实时监听输入框值变化的完美方案:oninput & onpropertychange
html5 实时监听输入框值变化的完美方案:oninput & onpropertychange
结合 HTML5 标准事件 oninput 和 IE 专属事件 onpropertychange 事件来监听输入框值变化。
H5手机端:
<input type="text" placeholder="请输入金额" value=http://www.mamicode.com/"" oninput="only_number(this)">//输入框,限金额function only_number(obj) { //先把非数字的都替换掉,除了数字和. obj.value = http://www.mamicode.com/obj.value.replace(/[^/d.]/g, ""); //必须保证第一个为数字而不是. obj.value = http://www.mamicode.com/obj.value.replace(/^/g, ""); //保证只有出现一个.而没有多个. obj.value = http://www.mamicode.com/obj.value.replace(/.{2,}/g, "."); //保证.只出现一次,而不能出现两次以上 obj.value = http://www.mamicode.com/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
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。