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>