移動端
實現(xiàn)效果：
當input輸入框獲得焦點時，在保留光標的情況下，又不讓手機虛擬鍵盤彈起
問題背景：
哈哈哈哈 我又來了，又是java安卓應用嵌入H5頁面，給大家看下效果
點擊開始時間或者結(jié)束時間時會彈出日期選擇器，這個時候呢在手機上看的話，會同時觸發(fā)鍵盤，導致鍵盤彈出來，在網(wǎng)上找了半天終于找到了一個滿足我業(yè)務需求的解決辦法
我用的是原生html+jquery寫的，實現(xiàn)方法如下：
<script type="text/javascript" src="../../script/jquery.min.js"></script>
<script type="text/javascript">
function stopKeyborad(obj) {
obj.attr('readonly', 'readonly');
setTimeout(function () {
obj.removeAttr('readonly');
}, 200);
}
</script>
如果是vue寫的用下邊的方法：文章來源：http://www.zghlxwxcb.cn/news/detail-603553.html
<input type="password" @focus="stopKeyborad">
stopKeyborad () {
this.$refs.scanTextbox.setAttribute('readonly', 'readonly');
setTimeout(() => {
this.$refs.scanTextbox.removeAttribute('readonly');
}, 200);
}
寫完之后就不會再喚醒手機鍵盤了！文章來源地址http://www.zghlxwxcb.cn/news/detail-603553.html
到了這里，關(guān)于移動端H5頁面在input輸入框獲得焦點時禁止喚起鍵盤的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
