H5新增事件之oninput和oninvalid

事件介绍：
oninput 用户输入内容时触发，可用于移动端输入字数统计
oninvalid 验证不通过时触发
举例：
<script>
/*oninput可以监听用户的每一次输入*/
document.getElementById("name").oninput=function(){
    console.log(this.value);
    //每次输入框内容改变，都会输出对应的值
}
/*监听键盘弹起，每一个键盘弹出触发一次*/
document.getElementById("name").onkeyup=function(){
    console.log("---"+this.value);
    //按键弹起时触发事件，打印文本框的值
}
/*当指定表单元素验证不通过时触发*/
document.getElementById("phone").oninvalid=function(){
    console.log("验证不通过");
    //常与表单验证的pattern(正则表达式 验证表单)属性配合使用
}

本文属个人学习整理记载