蘋果手機focus沒有效果 鍵盤跳不出來

來源:互聯網
上載者:User

標籤:was   sof   cti   span   有用   mount   style   mic   ever   


原因:

In iOS, Safari is now apparently remembering that the element was focussed but not actually focussing it until a touch down event.
It is then blindly sending a click event to whichever element received the touch up.
在IOS中只有使用者主動觸發的事件才能使focus生效,所以可以在focus之前的使用者觸發的事件中用focus()方法

比如VUE中 HTML:
<p id="click-ele">點擊評論</p>
<input id="input" v-show="isInputShow" type="text"></input>

js如下:
document.getElementByID(‘click-ele‘).addEventListener(‘click‘,function(){
  vue.isInputShow = true
  document.getElementById(‘input‘).focus()

},false)

這樣點擊評論後,input標籤可以focus,鍵盤也會跳出來。

注意有兩點:
(1)document.getElement要在mounted 即DOM結構渲染好之後用,不然擷取不到元素。
(2)P標籤上直接使用VUE中的@click=“handlerClick”事件不能生效,原因暫時未知,用原生事件沒問題。

蘋果手機focus沒有效果 鍵盤跳不出來

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.