去评论
海欣资源

uniapp-input禁止软键盘弹出解决方法

wwwne
2022/05/07 22:53:15
方法一:使用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);
},