Trigger event when input is completed

        var flag = true;

        $('#id').on('compositionstart',function(){
            flag = false;
        })

        $('#id').on('compositionupdate',function(){
            setTimeout(function(){
                if(flag){
                    console.log(1);
                }
         },0)

        $('#id').on('compositionend',function(){
            flag = true;
        })
        

        
       var flag = true;

       $('#div-detail').delegate('#sclt-div input', 'input', function () {

       if (!flag) // All by default .  Input method time   truncation 
          CustomerList($(this).val());
       }).on('compositionstart', function () {
          flag = true;
          console.log(' typewriting , Entry start ');
       }).on('compositionend', function () {
          flag = false;
          CustomerList($('#sclt-div input').val()); // stay input After performing   So you need to call it manually 
          console.log(' typewriting , End of input ');

       });

Official explanation ：（ Mainstream browsers are compatible ）
1、compositionstart: Triggered before the input of a text , That is, input a required text （ Start with the first letter ） Or when voice input starts .
2、compositionupdate visit data： The new character being inserted ;
3、compositionend visit data： All characters inserted