Ionic 2-提交后集中文本區域以防止虛擬鍵盤消失

Question

我的應用程序中有一個聊天應用程序的一部分，在該應用程序中，每當我按下“提交”按鈕時，textarea都會失去輸入，並且虛擬鍵盤也會關閉。 我嘗試通過在提交表單后立即重新調整文本區域來解決此問題。 問題是，當我在瀏覽器中使用Ionic時，此方法工作正常，但是一旦在iOS設備上對其進行測試，它便拒絕重新關注文本區域。 這是我的HTML模板中的代碼：

<div class="create-message-block">
    <form [formGroup]="addMessageForm" novalidate (ngSubmit)="addMessage(addMessageForm.value, focusableTextarea)">
      <textarea #focusableTextarea [formControl]="addMessageForm.get('message')" placeholder="Write your message..."></textarea>
      <input type="submit" value="Send"/>
    </form>
  </div>

// And here is the add message functionality in my component
addMessage(data, focusableTextarea) {
 // ... a lot of code edited out for sample purposes

  focusableTextarea.focus()
}

有誰知道我還能做些什么嗎？ 我什至嘗試添加一個輕微的超時，在該超時中.focus()等待50毫秒才能觸發。 那也沒做。

提前致謝！

Answer 1

我在聊天應用程序中所做的是使用mousedown事件。

(mousedown)="preventFocusChange($event)"

並且在功能上

preventFocusChange(e) {
    e.preventDefault();
}

讓我知道這是否適合您。