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. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Вёрстка и прототипирование — дисциплина Школы дизайнеров. Набор весной. Оставьте почту, и мы напишем вам, когда откроется следующий набор.
 

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

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

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

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

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

Каким способом сделать простую анимацию на спрайтах Как устроена беспарольная аутентификация почтой 7




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

4 Практика: формулировка полезного действия 8 Как избежать «эффекта Тильды»? 2 1