uniapp-input禁止软键盘弹出解决方法
方法一:使用uniapp自带方法uni.hideKeyboard()来隐藏软键盘
方法二:使用readonly属性规定输入字段为只读
方法三:使用document.activeElement.blur()移开焦点
方法四:通过div模拟input来实现
以上方法网上都有,但是都没有解决我的需求,下面是我使用的方法
方法五:通过定时器来实现隐藏键盘
一般项目通常使用方法一就可以解决,或者日期类型也可以通过以上方法来实现。
我们项目有物理按键,不需要软键盘,以上方法会导致进入页面input聚焦时键盘会闪一下,体验不好,所以使用了定时器,定时触发隐藏键盘来解决
在onLoad中调用方法stop
onLoad(){
let _self = this;
_self.stop()
}
methods
stop(){
var interval = setInterval(function(){
uni.hideKeyboard();//隐藏软键盘
console.log('刷新')
},20);
setTimeout(() => {
clearInterval(interval);
console.log('停止刷新')
},3000);
},
方法二:使用readonly属性规定输入字段为只读
方法三:使用document.activeElement.blur()移开焦点
方法四:通过div模拟input来实现
以上方法网上都有,但是都没有解决我的需求,下面是我使用的方法
方法五:通过定时器来实现隐藏键盘
一般项目通常使用方法一就可以解决,或者日期类型也可以通过以上方法来实现。
我们项目有物理按键,不需要软键盘,以上方法会导致进入页面input聚焦时键盘会闪一下,体验不好,所以使用了定时器,定时触发隐藏键盘来解决
在onLoad中调用方法stop
onLoad(){
let _self = this;
_self.stop()
}
methods
stop(){
var interval = setInterval(function(){
uni.hideKeyboard();//隐藏软键盘
console.log('刷新')
},20);
setTimeout(() => {
clearInterval(interval);
console.log('停止刷新')
},3000);
},