JS中监听事件的几种方法

指导参数

1.onfocus 当input 获取到焦点时触发 // 点击input框时触发

2.onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候会触发相应的js

3.onchange 当input失去焦点并且它的value值发生变化时触发

4.onkeydown 在 input中有键按住的时候执行一些代码

5.onkeyup 在input中有键抬起的时候触发的事件，在此事件触发之前一定触发了onkeydown事件

6.onclick 主要是用于 input type=button，当被点击时触发此事件

7.onselect 当input里的内容文本被选中后执行一段，只要选择了就会触发，不是非得全部选中

8.oninput 当input的value值发生变化时就会触发，不用等到失去焦点（与onchange的区别）

指导用法

// 需求：
//      识别input框中的内容 必须输入七位数字且只能是阿拉伯数字否则不符合规范

<input type="text"  placeholder="请输入数字" onchange="number_func()" onkeyup="this.value=this.value.replace(/D/g,'')" maxlength="7" id="N_F">
<script>
    function number_func() {
        var data = document.getElementById('N_F').value;
        if (data.length < 7){
            alert("不符合规范")
        }x
        alert(data)
    }
</script>