無法在iPad上聚焦新創建的元素

Question

我有一部分代碼，可以在其中動態創建新元素並使它們具有焦點。

代碼更加復雜，但是這是jsfiddle的可重現部分 （當您單擊Enter時，將創建下一個元素，然后將焦點分配給它）：

$("body").on( "keypress", ".field", function(e) {
  if ( e.keyCode  == 13 ) {
      $(this).after('<p class="field" contenteditable="true"><br></p>')
      $(this).next().focus();
      e.stopPropagation();
      e.preventDefault();
  }
});

這在桌面瀏覽器中可以正常工作，但是無法將下一個元素集中在ipad上（並且可能在iphone上）

Answer 1

顯然 ，在觸摸事件處理程序中，IOS / Safari僅“接受”焦點。 我觸發了一個觸摸事件，並在其中插入了.focus() 。 我在我的iPhone3S / Safari上嘗試了它，並且可以正常工作：

演示

實際Stackoverflow問題 。