跳转到主内容
极星编程网:以代码为星,赴技术山海!

uniapp小程序点击输入框时阻止弹出软键盘的几种解决方案

目录解决方式1:@click更换成@tap解决方式2: 使用微信官方api阻止键盘弹出  hideKeyboard()解决方式3: 最简单暴力百分百不弹出的方法在此  设置disabled附:uniapp 自动获取焦点,不弹出软键盘总结如果不需要监听输入框的话可以直接看解决方式3  本人如此解决方式1:@click更换成@tap

但如果同时子元素是开关等  各需要各的功能的话// 父元素设置@tap="clickA"// 子元素设置@tap.stop="clickB"解决方式2: 使用微信官方api阻止键盘弹出  hideKeyboard()

解决方式3: 最简单暴力百分百不弹出的方法在此  设置disabled

附:uniapp 自动获取焦点,不弹出软键盘最近做项目遇见这样一个问题,app进入某一个页面后自动弹出软键盘,查找原因后发现是因为input使用了auto-focus自动获取焦点所致。解决办法如下:

第一种:

onLoad(option) {//解决app进入页面弹出软键盘let _self = this_self.keyStop()},methods: {//禁止软件盘自动弹出keyStop(){var interval = setInterval(function(){uni.hideKeyboard();//隐藏软键盘console.log('刷新')},20);setTimeout(() => {clearInterval(interval);console.log('停止刷新')},3000);},}这一种方法会有闪现情况发生,体验感不是很好。

第二种方法:

data(){return{isFocus:false}},methods{getFocus(){this.isFocus = true}}这一种方法相对要比第一种好很多。

总结到此这篇关于uniapp小程序点击输入框时阻止弹出软键盘的文章就介绍到这了,更多相关uniapp输入框阻止弹出软键盘内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:uniapp 手机验证码输入框实现代码(随机数、倒计时、隐藏手机号码中间四位)可以直接使用uniapp自定义验证码输入框并隐藏光标uni-app中如何使用uni.showModal添加输入框

相关文章