uniapp中input聚焦禁止軟鍵盤彈出方法
更新時間：2023年01月06日 10:15:45 作者：普通網(wǎng)友
在使用uni-app完成掃碼功能時,有時需要聚焦文本框的同時,需要軟鍵盤消失,下面這篇文章主要給大家介紹了關于uniapp中input聚焦禁止軟鍵盤彈出的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
需求：在進入頁面時需要input聚焦，但是不彈出軟鍵盤
方法一：使用uniapp自帶方法uni.hideKeyboard()來隱藏軟鍵盤
方法二：使用readonly屬性規(guī)定輸入字段為只讀
方法三：使用document.activeElement.blur()移開焦點
方法四：通過div模擬input來實現(xiàn)
以上方法網(wǎng)上都有，但是都沒有解決我的需求，下面是我使用的方法
方法五：通過定時器來實現(xiàn)隱藏鍵盤
一般項目通常使用方法一就可以解決，或者日期類型也可以通過以上方法來實現(xiàn)。
我們項目有物理按鍵，不需要軟鍵盤，以上方法會導致進入頁面input聚焦時鍵盤會閃一下，體驗不好，所以使用了定時器，定時觸發(fā)隱藏鍵盤來解決
在onLoad中調(diào)用方法stop
onLoad(){
let _self = this;
_self.stop()
}
methods
stop(){
var interval = setInterval(function(){
uni.hideKeyboard();//隱藏軟鍵盤
console.log('刷新')
},20);
setTimeout(() => {
clearInterval(interval);
console.log('停止刷新')
},3000);
},
通過定時來刷新，完美解決
總結(jié)
到此這篇關于uniapp中input聚焦禁止軟鍵盤彈出的文章就介紹到這了,更多相關uniapp input聚焦禁止軟鍵盤彈出內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計數(shù)算法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之二叉樹的計數(shù)算法,結(jié)合具體實例形式分析了javascript二叉樹記錄更新次數(shù)的原理與操作技巧,需要的朋友可以參考下2017-04-04
js調(diào)試工具 Javascript Debug Toolkit 2.0.0版本發(fā)布
Javascript Debug Toolkit是一個可以跨瀏覽器調(diào)試javascript的開源項目，支持在IE,FIREFOX,SAFARI,CHROME等瀏覽器中調(diào)試javascript。2.0.0版本做了較大變動，增加以下功能2008-12-12
這篇文章主要介紹了微信小程序中使用echarts的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
JavaScript解構(gòu)賦值的5個常見場景與實例教程
解構(gòu)賦值是一種特殊的語法,它使我們可以將數(shù)組或?qū)ο蟆安鸢睘榈揭幌盗凶兞恐?因為有時候使用變量更加方便,下面這篇文章主要給大家介紹了關于JavaScript解構(gòu)賦值的5個常見場景與實例的相關資料,需要的朋友可以參考下2021-11-11
下面小編就為大家?guī)硪黄袹avaScript代碼改成ES6語法不完全指南(分享)。小編覺得挺不錯的，現(xiàn)在就想給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)掃雷游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-09-09
JavaScript中最容易混淆的作用域、提升、閉包知識詳解(推薦)
在web前端開發(fā)中js中的作用域，提升，閉包知識是經(jīng)常用到的也是很容易混淆的知識點，接下來小編整理了本教程幫助大家學習2016-09-09
這篇文章主要介紹了js charAt的使用方法,需要的朋友可以參考下2014-02-02
如何遍歷DOM對象內(nèi)的元素屬性，例如要獲取一個id為btn的按鈕的所有屬性該怎么實現(xiàn)呢？下面有個不錯的教程，大家可以參考下2014-02-02
在實際的開發(fā)工作過程中，積累了一些常見又超級好用的 Javascript 技巧和代碼片段，包括整理的其他大神的 JS 使用技巧，今天篩選了 9 個，以供大家參考2023-04-04