原生inputとonchange

簡単には、inputにid値を入力します.(複数の入力が可能です.12、13、14のようです.)

ps:         ，      

でも仕方ないです.始めます.まず原生のオンチャンジを認識してください.実際の意味は入力の変更ではなく、オンチャンゲイベントはキーボードやマウス操作でオブジェクトの属性を変更し、フォーカスを失った時に触発され、スクリプトのトリガが無効になります.

ps: react  onchange   

onkeydwonを使って、onkeyupはどうですか?onkeydown/onkeyphis/onkeyupはコピー、貼り付け、ドラッグ、ロングボタン(キーボードを押して放さない)などの細部において完全ではない.
その解決方法は、onpropertychange or oninputです.
onpropertychangeはie専用で、リアルタイム修正の需要を満たすことができます.oninputはhttl 5の専属属性で、ie 9以下はサポートしていません.

ps:     oninput  

コード:

    


var tempName = '';
function handleChange(){
    console.log('aaaddd');
    var name = $("#name").val();
    var reg = /^([0-9],?)*$/;
    var result = reg.test(name);
    if(result){
        tempName = name;
    }else{
        $("#name").attr("value",tempName);//    
    }
    
}

記事:oninput、onchangeとonpropertychangeイベントの使い方と違いをまとめます.