Не закрывайте клавиатуру мобильного телефона при нажатии определенной кнопки

Question

Допустим, пользователь фокусируется на вводе, клавиатура всплывает.

Затем он нажимает кнопку, которая показывает всплывающую подсказку, что не важно, и я бы хотел, чтобы клавиатура не закрывалась.

Я пробовал это:

var dontclosekeyboard = document.getElementById('dontclosekeyboard_element_Id');

Затем в фазе захвата, означая, что для третьего параметра задано значение true, я пытаюсь остановить распространение. К сожалению, это не работает.

dontclosekeyboard.addEventListener('click', function(e){e.stopPropagation() }, true);

У меня нет идей, есть ли другое решение, кроме ручного выполнения функции .focus () для текущего активного элемента?

Answer 1

У меня была такая же проблема некоторое время назад, когда рядом с элементами формы отображались информационные кнопки. Прежде всего: мы наконец решили сделать это по-другому и обойти это.

Как только вы потеряете фокус на поле ввода, клавиатура закроется, и даже отмена фокуса приведет к переключению клавиатуры, что действительно раздражает, за одним исключением: кнопка всплывающей подсказки также является полем ввода, просто стилизованным как кнопка. Таким образом, вы можете установить фокус обратно на исходный ввод без каких-либо побочных эффектов.