1、onfocus 聚焦事件
2、onblur 失去焦点
3、onchange 绑定的值变化
4、onkeydown 键盘按下事件
5、onkeyup 键盘抬起事件
6、onpaste 黏贴事件
7、oncontextmenu 鼠标右击事件
//限制输入 只能输入中文
οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
//限制输入 只能输入数字
οnkeyup="value=value.replace(/[^\d]/g,'') "
//限制输入 只能输入英文 小写/大写 控制a-z 或者A-Z
οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')"
限制输入 小写英文 数字
οnkeyup="value=value.replace(/[^\a-z\0-9]/g,'') "
限制输入 数字小数点
οnkeyup="value=value.replace(/[^\0-9\.]/g,'')"
限制输入英文 中文 数字
οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"
限制输入英文数字中文 空格
οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')"
只允许输入数字(整数：小数点不能输入)
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >
允许输入小数(两位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >
允许输入小数(一位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" >
开头不能为0，且不能输入小数
禁止输入表情符号
private checkStr(str:any){
let result:any = str
// utf8mb4 正则
const utf8mb4Reg = /[^\u0000-\uFFFF]/g;
// emoji 表情正则
const emojiReg = /(\ud83c[\udf00-\udfff])|(\ud83d[\udc00-\ude4f])|(\ud83d[\ude80-\udeff])/g;
// 包含 utf8mb4 的 4 字节
const isUTF8MB4 = utf8mb4Reg.test(result);
// 包含 emoji 表情
const isEmoj = emojiReg.test(result);
// 校验特殊字符 并删除
isUTF8MB4 && (result = result.replace(utf8mb4Reg, ''));
isEmoj && (result = result.replace(emojiReg, ''));
return result
}
在输入框input输入时执行此校验函数 最后将值进行赋值给目标变量
