# 5.新增表单事件

1.oninput: 监听当前指定元素内容的改变: 只要内容改变(添加, 删除), 就会触发这个事件

document.getElementById("userName").oninput=function(){
			console.log("oninput:"+this.value);
		}
1
2
3

2.onkeyup: 键盘弹起的时候触发, 每一个键的弹起都会触发一次

document.getElementById("userName").onkeyup=function(){
			console.log("onkeyup:"+this.value);
		}
1
2
3

3.oninvalid: 当验证不通过时触发

document.getElementById("userPhone").oninvalid=function(){
			// 设置默认的提示信息
			this.setCustomValidity("请输入合法的11位手机号")
		}
1
2
3
4
上次更新: 2020/10/22 下午6:47:39