iPhone Mobile Safari: принудительное открытие клавиатуры

Question

Это приложение для iPad на HTML / CSS / JS (jQuery). У меня есть кнопка, которая скользит вниз по форме ввода. Я хотел бы сосредоточить внимание пользователя на вводе данных, а затем запустить клавиатуру.

Это то, с чем я работаю, но не работает:

$('#myFormField').focus();

Это действительно фокусирует ввод, но не запускает клавиатуру. Это просто невозможно (по соображениям безопасности или как-то еще)?

Есть ли способ заставить или симулировать пользователя, который нажимает на ввод (или что-нибудь в этом роде)?

Answer 1

Может быть, вам помогут следующие ссылки:

• http://4pcbr.com/topic/how_to_open_keyboard_on_ipad_with_js (больше не работает)

• http://jgestures.codeplex.com

Answer 2

Попробуйте это

Протестировано на iPhone Safari 7 и iPhone 6 Plus, Android 4.4

и он успешно открыл виртуальную клавиатуру iOS, когда я коснулся кнопки.

состояние

1) сделать кнопку для запуска события нажатия клавиши => $('.btn_abc')

2) создать тег для ввода текста и установить идентификатор для этого элемента => $('#search_input')

$( document ).ready(function() {

  var focusTextField = function(){
    console.log("focusElement");
  };

  var onKeypressHandler = function(){
    console.log("* * * keypress event handler")
    $('#search_input').blur().focus();
  };

  var onClickHandler = function() {
    $('.btn_abc').trigger('keypress');
  };

  $('#search_input').bind('focus', focusTextField);
  $('.btn_abc').bind('click', onClickHandler);
  $('.btn_abc').bind('keypress', onKeypressHandler);

});

Answer 3

Превратите эту кнопку в поле ввода, а затем немедленно переключите фокус на основное поле ввода. Их клавиатура откроется и останется открытой. Ниже приведен пример использования кнопки, как вы просили, при размещении прозрачного поля ввода над кнопкой, которую нажимает пользователь. Протестировано на iPhone 4 (iOS 6/7) и телефоне HTC Windows.

Ввод, на котором вы хотите, чтобы пользователь сфокусировался:

<input id="main" />

Кнопка, которую нажимает пользователь (с полем ввода, наложенным с помощью css):

<a>Button</a><input onfocus="FocusMain()" />

Мгновенно поменяйте фокус:

function FocusMain()
{
    $("#main").focus();
}

Answer 4

Попробуйте:

$('#element').blur().focus();

или, если это не работает:

$('#element').focus().blur().focus();

размытие () устраняет фокус, а фокус () возвращает его.По какой-то причине он работает каждый раз по сравнению с focus (), работающим время от времени самостоятельно.

Answer 5

Это должно делать то, что вы хотите:

$("#element").focus().click();