# 5.新增表单事件
1.oninput: 监听当前指定元素内容的改变: 只要内容改变(添加, 删除), 就会触发这个事件
document.getElementById("userName").oninput=function(){
console.log("oninput:"+this.value);
}
1
2
3
2
3
2.onkeyup: 键盘弹起的时候触发, 每一个键的弹起都会触发一次
document.getElementById("userName").onkeyup=function(){
console.log("onkeyup:"+this.value);
}
1
2
3
2
3
3.oninvalid: 当验证不通过时触发
document.getElementById("userPhone").oninvalid=function(){
// 设置默认的提示信息
this.setCustomValidity("请输入合法的11位手机号")
}
1
2
3
4
2
3
4