event.preventDefault（）がAndroidのChrome OSで動作しない

Question

event.preventDefault（）がChromeのAndroid OSで動作していません。同じアクションがChromeのIOSで動作しています。 私はevent.stopPropagation（）、event.stopImmediatePropagation（）も使用しました。

HTML：

<input class="otherAmount" type="text"id="pVal" name="pVal" onkeydown="validatePaymentToTwoDecimal(this,event);"/>   

Javaスクリプト：

function validatePaymentToTwoDecimal(el, evt) { 

     if(!$.isNumeric(evt.key)|| evt.key=="."){ 
      evt.preventDefault(); 
      evt.stopPropagation(); 
      evt.stopImmediatePropagation(); 
      return false; 
     } else { 
       return true; 
     } 
} 

Answer 1

an answer for a similar questionに基づいて、あなたが入力をフィルタリングするためにこれを行うことができるようになります。

jQueryのソリューション

$("#pVal").on(
    "input change paste", 
    function filterNumericAndDecimal(event) { 
     var formControl; 

     formControl = $(event.target); 
     formControl.val(formControl.val().replace(/[^0-9.]+/g, "")); 
    }); 

バニラJavaScriptソリューション

var pInput; 

function filterNumericAndDecimal(event) { 
    var formControl; 

    formControl = event.target; 
    formControl.value = formControl.value.replace(/[^0-9.]+/g, "")); 
} 

pInput = document.getElementById("pVal"); 
["input", "change", "paste"].forEach(function (eventName) { 
    pInput.addEventListener(eventName, filterNumericAndDecimal); 
}); 

これは、正規表現を使用して数字と小数点文字を削除することで機能します。