/ / Existuje spôsob, ako zabrániť zobrazeniu klávesnice v mobilnom safari - html, mobile, safari, mobile-safari

Existuje spôsob, ako zabrániť zobrazovaniu klávesnice v mobilnom safari - html, mobil, safari, mobilný safari

Napríklad, ak áno

<input type="text" id="myid">

a ja používam ipad, keď sa sústredím na tento vstup, ipad by automaticky zobrazoval klávesnicu. Existuje spôsob, ako tomu zabrániť? Vďaka

odpovede:

11 pre odpoveď č. 1

Áno, jednoducho vytvorte tento prvok iba na čítanie

<input type="text" id="myid" readonly="readonly" />

Upozorňujeme, že to s prvkom nefunguje. Domnievam sa, že by to mohla byť chyba.


3 pre odpoveď č. 2

Najlepšie riešenie, ktoré som našiel, je umiestniťneviditeľná div nad textarea. Tým sa zabráni tomu, aby textarea prijímala dotykové udalosti, a to zabráni zobrazeniu klávesnice. Zachyťte udalosti na zariadení div a ak chcete, aby sa na ňu dalo upraviť editovateľné volanie .focus (), a tým sa klávesnica zobrazí.

Použitie event.preventDefault nefunguje veľmi dobre. To spôsobí, že obrazovka „hop“, keď sa objaví klávesnica, a ihneď zmizne.


2 pre odpoveď č. 3

Nedovoľte zamerať sa na toto pole. Na zabránenie predvoleného správania použite obslužný program udalostí. Obsluha udalosti bude vyzerať asi takto:

function onFocus(e) {
e.preventDefault();
// you could change the color of the field to indicate this is the active field.
}

Kód pre manipuláciu s tabuľkou by mohol vyplniť toto pole bez toho, aby sa naň prehliadač niekedy sústredil.