我在知乎看到一张描述react调用时机的图,我觉得很直观,但我花了很多时间来了解vue3里不同api的调用时机,网上的说法却并不统一。我现在知道 nextTick() 是在dom元素绘制后调用,类似u
顺晟科技
2021-09-21 13:52:12
265
闲着没事收集了几个利用 JS 脚本控制html input 元素输入内容类型的方法,各位有需要的可以拿走。都测试过了。
限制input输入内容类型的方法1、input 只能输入数字
<input onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
2、input只能输入数字,两位小数以及中文
<input type="text" onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">
3、input只能输入数字,英文字母以及小数点
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">
4、input只能输入数字,英文字母
<input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />
5、input只能输入数字,中文
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />
6、input只能输入中文
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />
7、input禁止输入数字
<input onkeyup="value=value.replace(/[\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" >
03
2022-09
06
2021-11
06
2021-10
21
2021-09