限制 input 输入框只能输入纯数字 1. 使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 2. 使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输入时就做出响应 3. 使用 oninput 事 ...
分类：
Web程序 时间：
2018-12-11 01:34:01
阅读次数：
243
<input type="number" oninput="this.value=this.value.replace(/[^1-9\.]/g,'');" //用的oninput方法和正则表达式，如果是只能输入大于0的整数或小数则改为(/[^0-9\.]/g,'') id="raisingAmoun ...
分类：
其他好文 时间：
2018-11-10 20:14:05
阅读次数：
309
oninput、onchange与onpropertychange事件的区别 onchange事件只在键盘或者鼠标操作改变对象属性，value的值发生变化且失去焦点时触发，用户js改变value时无法触发； onkeydown/onkeypress/onkeyup键盘事件来监测的话，监听不了右键的复 ...
分类：
其他好文 时间：
2018-10-29 18:28:57
阅读次数：
186
<input type="text" maxlength="5" /> 效果ok， 当 <input type="number" maxlength="5" />时maxlength失效，长度可以无限输入。 解放方案： <input type="number" oninput="if(value.l ...
分类：
其他好文 时间：
2018-10-18 19:22:33
阅读次数：
272
要求：input框只能输入0-12的数字，且当输入数字大于12，则值为最大值12，输入数字小于0，则值为最小值0。 <input type="text" oninput="limiteValue(this)" onpropertychange="limiteValue(this)"/> 注：onin ...
分类：
其他好文 时间：
2018-10-06 15:35:11
阅读次数：
234
话不多说，直接上代码 大致流程为子组件的输入值改变，触发oninput方法，进而通过emit触发实例上的input方法，进而给父组件中的状态赋值。 ...
分类：
其他好文 时间：
2018-09-03 12:08:17
阅读次数：
159
inp.focus();inp.onblur = function(){ // 失去焦点};inp.onchange = function () { // 内容发生变化，并且 失去 焦点 时触发};if(inp.oninput !== undefined){ inp.oninput = functi ...
分类：
其他好文 时间：
2018-09-02 01:51:10
阅读次数：
154
一、onchange事件只在键盘或者鼠标操作改变对象属性，且失去焦点时触发，脚本触发无效。（就是说你在输入框中输入完内容，输入完了，然后鼠标点别的地方触发该事件）二、oninput事件oninput事件在用户输入时触发。不支持JS等赋值改变的元素属性。该事件在<input>或<textarea>元素的值发生改变时触发。（也就是说，不用输入完，边输入边触发该事件）①但是，这个
分类：
其他好文 时间：
2018-08-30 11:09:21
阅读次数：
175
今天在github 上看到一个非常巧妙的项目：umpox/TinyEditor 使用简单的浏览器就能构造一个简单的实时运行代码的基于浏览器的前端编辑器，只需要很少代码； 使用方法： 粘贴如下代码到浏览器地址栏，（我测试了Chrome）, 即可得到这样一个好用的编辑器。 我们分析下其代码： 其构造了三 ...
分类：
其他好文 时间：
2018-08-12 15:46:23
阅读次数：
1990
1.判断对象为空的方法 1）Object.keys({}).length 0 // true 2）Object.getOwnPropertyNames({}).length 0 // true 3）JSON.stringify({}) '{}' // true 2.判断是否为数组 1）Array.i ...
分类：
Web程序 时间：
2018-07-28 21:51:00
阅读次数：
157
