h5开发的时候,自动调起软键盘一般在安卓里没毛病,但是在IOS 里死活不好用,试过N多办法,举几个例子吧
eg1:点击其他内容,给input自动加点击
this.$refs.inputDetail.dispatchEvent(new MouseEvent('click'));
eg2:html5 给input标签加autofocus
eg3: this.$refs.inputDetail.focus()
以上统统不好用,真悲催,很是苦恼,不过写过代码的都知道,代码很神奇如果他想让你好使 你就能好使 不好使的话 就真的不好使 (废话),还是得另辟蹊径。
不说了 上一段好使的代码
<label
htmlFor="123"
onClick={e => {
document.getElementById('test').style.height = '100vh'
}}
>
<div>123</div>
<div
id="test"
style={{
position: 'fixed',
display: 'flex',
alignItems: 'center',
top: 0,
bottom: 0,
left: 0,
zIndex: 999999,
height: 0,
background: 'rgba(0,0,0,.3)',
overflow: 'hidden',
}}
>
<input
id="123"
style={{
border: '1px solid rgba(0,0,0,.1)',
padding: '10px',
width: '100vw',
fontSize: '100px',
}}
/>
</div>
</label>
代码哈 有点糙,但是哈 管用啊 兄弟们 !
如果兄弟姐妹们还有更好的办法,求留言!