Come mantenere sempre attivo l'input HTML? L'uso dell'attributo autofocus
durante la creazione dell'elemento aiuta a mettere a fuoco il pageload, ma non mantiene l'attenzione sull'oggetto. C'è un modo semplice per mantenere l'attenzione lì?Immissione HTML, sempre a fuoco
risposta
Prova questo:
<!-- On blur event (unfocus) refocus the input -->
<input onblur="this.focus()" autofocus />
<input value="Can't focus on this" />
In sostanza, si aggiunge un evento blur
(che si verifica ogni volta che l'ingresso non è più attivo), e nel caso in sfocatura, ci si concentra sull'ingresso. Inoltre, si aggiunge anche l'attributo autofocus
per l'attivazione.
P.S. Se si prevede di utilizzare questo per un sito Web per le persone reali da utilizzare, dal punto di vista dell'interfaccia utente, questa non è probabilmente una grande idea.
Sembra non funzionare più in firefox 41 – Moustachauve
Sembra una grande idea per me se intendi creare un sito web della riga di comando –
- 1. Percorsi angolari/immissione della messa a fuoco automatica
- 2. Mantenere TextInputLayout sempre a fuoco o mantenere l'etichetta sempre espansa
- 3. Come mettere a fuoco un campo di immissione sul browser Android tramite javascript o jquery
- 4. Scheda messa a fuoco libera sempre sullo schermo
- 5. WPF ListView Sempre messo a fuoco l'ultimo elemento aggiunto?
- 6. keydown quando l'ingresso non è a fuoco
- 7. Come mettere a fuoco div?
- 8. Trasparenza sulle finestre messe a fuoco/non messe a fuoco
- 9. Modifica HTML di immissione testo del cursore simbolo di "blocco"
- 10. Campo di immissione testo HTML con simbolo di valuta
- 11. Come mettere a fuoco un JFrame?
- 12. selezione ListBoxItem a fuoco TextBox
- 13. Come rimuovere segnaposto a fuoco
- 14. Mantieni l'attività sempre in primo piano o messa a fuoco quando le app rogue lanciano attività?
- 15. Assicurarsi che il browser aperto da Webdriver sia sempre a fuoco
- 16. jQuery Messa a fuoco dell'ingresso non funzionante
- 17. Come posso mettere a fuoco una casella di selezione selectize?
- 18. Mettere a fuoco un elemento in Aurelia
- 19. Campo di immissione simile a ICS per Android in CSS
- 20. Messa a fuoco modale Bootstrap non funzionante
- 21. calcolo della messa a fuoco dell'immagine
- 22. Messa a fuoco della tastiera e messa a fuoco logica in WPF
- 23. Sbarazzarsi del rettangolo blu di messa a fuoco sulle caselle di input in HTML/CSS?
- 24. Come si conferisce una tela HTML alla messa a fuoco della tastiera usando jquery?
- 25. HTML 5 La messa a fuoco automatica incasina il caricamento dei CSS
- 26. Fare in modo che un numero HTML di input visualizzi sempre 2 posizioni decimali
- 27. DataGridView - Mette a fuoco una cella specifica
- 28. Spinner non viene messa a fuoco
- 29. Messa a fuoco NSA accessorio accessorio
- 30. Google Goggles Fotocamera messa a fuoco automatica
Forzare l'attenzione su un elemento di input potrebbe essere un'idea di design molto brutta ... Sto solo dicendo;) – Terry