x
 
Василиса
4 октября 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

Как программно спрятать экранную клавиатуру в Айфоне?


Василиса!

Чаще всего, чтобы спря­тать экран­ную кла­ви­а­туру, доста­точно убрать фокус с актив­ного элемента:

document.activeElement.blur()

Ино­гда в айфрей­мах или попа­пах с фик­си­ро­ван­ным пози­ци­о­ни­ро­ва­нием этот спо­соб не рабо­тает: фокус исче­зает, кла­ви­а­тура оста­ётся висеть поверх стра­ницы. В таких слу­чаях сове­тую метод гру­бой силы: создаём инпут за пре­де­лами экрана, поме­щаем в него фокус и удаляем.

// создаём инпут и пря­чем его, вытас­ки­вая за экран
const fakeInput = document.createElement('input')
fakeInput.style.cssText = 'position: fixed; left: -9999px;'
document.body.appendChild(fakeInput)
​
// поме­щаем в него фокус
fakeInput.focus()
​
// через неко­то­рое время уни­что­жаем инпут
setTimeout(() => {
  fakeInput.blur()
  document.body.removeChild(fakeInput)
}, 50)

Ещё по теме

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Вёрстка и прототипирование — дисциплина Школы дизайнеров. Набор открыт до 12 августа или пока есть свободные места.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Как донести подход HADI до руководства? 4 Гугль-док, чтобы упорядочить командное обсуждение 1 Что почитать, чтобы прокачаться в Гите? 3 С чего начать вёрстку ХТМЛ-страницы




Недавно всплыло

В бюро есть таймтрекинг для сотрудников? 5 Как найти себе замену 1 2 Хочу научиться сторителлингу 9