jquery-InputMastは入力フィールドの既存のイベントをオーバーライドします

Question

以下のコードでは、id "phone_world"のonChange（）イベントをアタッチし、入力マスクを適用しています。 入力マストは正常に動作していますが、既存のイベントとhello関数を削除しても呼び出されません。

<div class="demo"> 
<input type="text" id="phone_world" onChange = "hello()" value="" size="25"> 
<label for="phone_world" id="descr_world">Страны мира</label> 

<script> 
    var listCountries = $.masksSort($.masksLoad("https://cdn.rawgit.com/andr-04/inputmask-multi/master/data/phone-codes.json"), ['#'], /[0-9]|#/, "mask"); 

    var maskOpts = { 
    inputmask: { 
     definitions: { 
    '#': { 
     validator: "[0-9]", 
     cardinality: 1 
    } 
    }, 
    showMaskOnHover: false, 
    autoUnmask: true, 
    clearMaskOnLostFocus: false 
}, 
    match: /[0-9]/, 
    replace: '#', 
    listKey: "mask" 
}; 
var maskChangeWorld = function(maskObj, determined) { 
if (determined) { 
    var hint = maskObj.name_ru; 
    if (maskObj.desc_ru && maskObj.desc_ru != "") { 
    hint += " (" + maskObj.desc_ru + ")"; 
    } 
    $("#descr_world").html(hint); 
} else { 
    $("#descr_world").html("Страны мира"); 
    } 
} 
    $('#phone_world').inputmasks($.extend(true, {}, maskOpts, { 
    list: listCountries, 
    onMaskChange: maskChangeWorld 
})); 
    function hello(){ 
    alert('hi'); 
    } 
</script> 

Answer 1

jQueryの入力マスクマルチのdocsによると、keydown, keypress, paste, input, dragdrop, drop & blurイベントが中断されているchangeイベントも同様に中断（および文書化されていない）されたように、しかし、それはそうです。あなたができることはfocusとblurイベントをバインドして変更をチェックします（変更を保存して比較するためのdata()関数の助けを借りて）。ここで

はコードのサンプルです：ここで

$('#phone_world') 
    .on('focus', function() { 
     $(this).data('original-val', $(this).val()) 
    }) 
    .on('blur', function() { 
     if ($(this).data('original-val') != $(this).val()) {  
      alert('value changed') 
     } else { 
      alert("value wasn't changed") 
     } 
    }); 

は作業フィドルです： https://fiddle.jshell.net/5a6xo8kc/