WP7 + HTML5 - Come impedire che una tela venga selezionata/evidenziata

Question

Sto provando a scrivere una semplice app HTML 5 per Windows Phone 7/7.5. Ho una pagina HTML5 con una tela quasi delle dimensioni dello schermo. Quando faccio clic/tocco sullo schermo, la tela è selezionata. Non voglio che questo comportamento, ma voglio ancora essere in grado di fare clic/toccare su vari controlli. C'è un modo per non avere quel comportamento? Di seguito è riportato il link di uno screenshot che mostra l'effetto.

ho cercato di rimuovere quel comportamento usando i CSS nel corpo. Niente ha funzionato finora.

body { 
    /* disable selections/cut copy paste actions */ 
    -moz-user-select: none; 
    -khtml-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 

    /* disable callout, image save panel on long press */ 
    -webkit-touch-callout: none; 

    /* "turn off" link highlight, good for custom pressed states */ 
    -webkit-tap-hightlight-color: transparent; 
} 

Grazie in anticipo per l'aiuto!

Answer 1

Martin ha detto che il seguente esempio non presenta il comportamento clou: http://ie.microsoft.com/testdrive/Mobile/Performance/HamsterDanceRevolution/Default.html

così ho fatto qualche ricerca e ho notato che l'esempio precedente attribuisce gli eventi per l'oggetto finestra. Ho avuto verso il basso per le seguenti tre modifiche di linea del file "cinetico-v3.8.4.js":

(1)
this.container.addEventListener (baseEvent, handler, false);
->
window.addEventListener (baseEvent, gestore, falso);

(2)
this.container.addEventListener ('mousedown', la funzione (EVT)
->
window.addEventListener ('mousedown', la funzione (EVT)

(3)
this.container.addEventListener ('mousedown', la funzione (EVT)
->
window.addEventListener ('mouseup', la funzione (EVT)

Dopo questa modifica, la tela continua a reagire e l'evidenziazione indesiderata non è più disponibile.

saluti, Luis

Answer 2

Non è possibile disattivare questa evidenziazione grigia. Vedere questa domanda correlata:

Windows Phone 7 Browser - Turn off the gray shading when links are clicked

La proprietà CSS che si sta configurando, -webkit-tap-hightlight-color, è WebKit specifico, in modo funzionerà su Android e iOS. Fino a quando WP7 non ha un equivalente, sei bloccato con questo!

Answer 3

Per WP8 hanno aggiunto il supporto:

<meta name="msapplication-tap-highlight" content="no"/> 

Fonte: http://sgrebnov.blogspot.de/2012/10/windows-phone-8-for-html5js-developers.html

Answer 4

Aggiungi un meta tag nella sezione di testa in voi file html.

<meta name="msapplication-tap-highlight" content="no" /> 

Dovrebbe funzionare.

saluti, pravesh

Answer 5

Aggiunta di un meta tag nelle intestazioni effettivamente risolto questo problema

Aggiungi questa

<meta name="msapplication-tap-highlight" content="no"/>