Jquery preventDefault non funziona su Android 4.4 browser predefinito

Question

Sto lavorando con un sito Web angolare e basato su jquery. Ho un campo di inserimento del testo per la convalida della matrice di numeri mobili. Il mio requisito è quello di limitare l'utente a inserire alfabeti, ecc.

Il problema è che sto usando e.preventDefault() ma non funziona nel browser Android predefinito ma funziona perfettamente in Android Chrome.

Ho cercato molto ma non sono riuscito a ottenere alcuna soluzione.

mio codice di esempio: -

$('#test').keydown(function (e) { 
     e.stopPropagation(); 
     e.preventDefault(); 
     e.returnValue = false; 
     e.cancelBubble = true; 
     return false; 
}); 

Ho anche provato: -

$('#test').keydown(function (e) { 
    if (e.preventDefault) { 
     e.preventDefault(); 
    } else { 
     e.returnValue = false; 
    } 
}); 

Working fiddle

Nota: - Non posso usare keypress evento come browser di default Android non può ascoltare questo evento.

Answer 1

Ho anche avuto questo problema con il browser predefinito su Android. preventDefault non mi ha aiutato, quindi ho usato la funzione jQuery.

$('#test').on('input',function() { 
     var inputText = $(this).val(); 

     var resultText = inputText.replace(/[^0-9]/g, ''); 
     $(this).val(resultText); 
    }); 

È possibile aggiungere a regex gli altri caratteri che è necessario consentire. Spero che sia d'aiuto.

Answer 2

Utilizzare $formatters di angularjs. Questo ti aiuterà a controllare lo viewValue prima che sia impostato su modelValue.

prega di passare attraverso questo documento: https://docs.angularjs.org/api/ng/type/ngModel.NgModelController

Answer 3

non so il motivo per cui si desidera impedire un evento chiave, ma penso che si desidera solo per evitare l'ingresso di caratteri non validi. Vediamo come si potrebbe risolvere il problema senza preventDefault:

(function(){ // anon function for scope 

    var prevVal = $("#test").val(); // get initial value of input 

    $('#test').on("input", function (e) { // input will also handle paste event. it handle every input' 
     if(/*your `if` here*/ Math.random() > 0.3){ 
      this.value = prevVal; // You shall not pass! 
     } 
     prevVal = this.value; // save current valid value 
    }); 

})(); 

http://jsfiddle.net/rk5wuubo/

spero, che possa risolvere il problema in tutto il mondo e non dimenticare mai di "incolla"!

Answer 4

Se si sviluppa un sito Web in base all'angolare, è necessario risolvere il problema in modo angolare.

Here l'esempio come eseguire questa operazione.

L'idea è di utilizzare NgModelController e FormController.