微信扫一扫 分享朋友圈

已有 1435 人浏览分享

开启左侧

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

[复制链接]
1435 0
方法一:使用uniapp自带方法uni.hideKeyboard()来隐藏软键盘
image.png

方法二:使用readonly属性规定输入字段为只读
image.png

方法三:使用document.activeElement.blur()移开焦点
image.png

方法四:通过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);
},


免责声明:
1,海欣资源网所发布的资源由网友上传和分享,不保证信息的正确性和完整性,且不对因信息的不正确或遗漏导致的任何损失或损害承担责任。
2,海欣资源网的资源来源于网友分享,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。
3,海欣资源网所发布的资源由网友上传和分享,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。
4,如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉,联系方式邮箱 haixinst@qq.com
海欣资源-企业信息化分享平台。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

0

粉丝

28

主题
热度排行
回复排行
最新贴子

Archiver|手机版|海欣资源 ( 湘ICP备2021008090号-1 )|网站地图

GMT+8, 2024-4-20 00:59 , Gzip On, MemCached On.

免责声明:本站所发布的资源和文章均来自网络,仅限用于学习交流和测试研究目的,不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。 本站信息来自网络,版权争议与本站无关,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 如果您喜欢,请支持正版,购买正版,得到更好的正版服务,如有侵权,请联系我们删除并予以真诚的道歉。