uniapp input点击旁边按钮,如何不失去焦点

有遇到在评论的时候,唤起键盘。旁边的其他按钮(匿名、发送等),input会失去焦点。软键盘会隐藏

处理方法:

1、重新获取键盘焦点 (通过重置focus状态来处理)

#页面 用focus变量来动态设置
<input v-model="inputValue" :focus="focus" class="input-text" @confirm="addComment" placeholder="发表一下你的看法..."/><view @click="checkedNm"><radio class="check" value="true" :checked="nmChecked" activeBackgroundColor="#FEA215"/><text>匿名</text>
</view>//  js 部分checkedNm(){this.nmChecked = !this.nmChecked;//这里要重置下 focus不然重新获取不会生效this.focus = false;setTimeout(() => {this.focus = true;},100)},

这种虽然能重新获取到焦点,但是软键盘会先隐藏在弹出...(目前还没有找到解决方案,如果有方法,可以帮忙告知下)

2、通过@touchend.stop.prevent阻止事件冒泡的形式来处理匿名点击事件

// 页面
<view @touchend.stop.prevent="checkedNm"><radio class="check" value="true" :checked="nmChecked"  activeBackgroundColor="#FEA215"/><text>匿名</text>
</view>//js部分
checkedNm(){this.nmChecked = !this.nmChecked;this.focus = true;
},

这种方式完美解决失去焦点问题,也没有触发软键盘隐藏弹起

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/18528.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《PNAS》和《Nature Communications》仿章鱼和蜗牛的粘液真空吸附,赋予了机器人吸盘新的“超能力”

想象一下&#xff0c;如果机器人能够像章鱼一样牢牢吸附在粗糙崎岖的岩石上&#xff0c;或者像蜗牛那样在墙面上悠然负重爬行&#xff0c;那会是多么神奇的一幕&#xff01;近日&#xff0c;布里斯托大学机器人实验室的Jonathan Rossiter教授课题组就为我们带来了这样的“超能力…

嵌入式功耗

adb ADB&#xff08;Android Debug Bridge&#xff0c;安卓调试桥&#xff09;是一个多功能的命令行工具&#xff0c;允许用户与运行 Android 的设备进行通信。它是 Android SDK 的一部分&#xff0c;广泛用于开发和调试 Android 应用程序。以下是 ADB 的一些主要功能和使用场景…

Java中的堆(Heap)和栈(Stack):深入解析与对比

在Java的内存管理中&#xff0c;堆&#xff08;Heap&#xff09;和栈&#xff08;Stack&#xff09;是两个至关重要的概念。它们各自扮演着不同的角色&#xff0c;对于理解和编写高效的Java程序至关重要。以下&#xff0c;我们将从技术难点、面试官关注点、回答吸引力和代码举例…

gulp入门1-安装

Gulp 是一个流行的自动化构建工具&#xff0c;主要用于前端开发中的任务自动化&#xff0c;如文件压缩、代码合并、代码校验等。以下是一个 Gulp 的入门教程&#xff0c;帮助你快速上手&#xff1a; 1. 安装 Node.js 和 npm 首先&#xff0c;你需要在你的计算机上安装 Node.j…

教你考研“潜规则”!初试+复试经验分享!

这个系列会邀请上岸学长学姐进行经验分享~ 今天分享经验的同学初试380&#xff0c;上岸中国计量大学。 政治 政治不用开始过早&#xff0c;一般推荐在7-8月开始就可以了&#xff0c;我是七月底开始的&#xff0c;考了72分&#xff0c;选择33分&#xff0c;大题39分。刚开始第…

软考 系统架构设计师系列知识点之杂项集萃(22)

接前一篇文章&#xff1a;软考 系统架构设计师系列知识点之杂项集萃&#xff08;21&#xff09; 第32题 人口信息采集处理和利用业务属于&#xff08; &#xff09;&#xff0c;营业执照发放属于&#xff08; &#xff09;&#xff0c;户籍管理属于&#xff08; &#xff09;&…

TypeScript 学习笔记(十六):TypeScript 与第三方库的结合使用

TypeScript 学习笔记(十六):TypeScript 与第三方库的结合使用 1. 引言 在前几篇学习笔记中,我们探讨了 TypeScript 的基础知识、前后端框架的结合应用、测试与调试技巧、性能优化、前端架构设计、工具和生态系统,以及 TypeScript 与数据库的深度结合。本篇将重点介绍 Ty…

Flink状态数据结构升级

Flink状态数据结构升级 1. 升级状态数据结构 为了对给定的状态类型进行升级&#xff0c;你需要采取以下几个步骤&#xff1a; 对 Flink 流作业进行 savepoint 操作。升级程序中的状态类型&#xff08;例如&#xff1a;修改你的 Avro 结构&#xff09;。从 savepoint 恢复作业。…

Fastjson 反序列化漏洞[1.2.24-rce]

漏洞复现环境搭建请参考 http://t.csdnimg.cn/vSaaw kali切换jdk版本请参考 Kali安装JAVA8和切换JDK版本的详细过程_kali安装jdk8-CSDN博客 漏洞原理 Fastjson提供的com.sun.rowset.JdbcRowSetImpl类下的dataSourceName方法支持传入一个RMI/LDAP源&#xff0c;支持远程调用。…

绘唐2AI工具在哪里下载

绘唐2AI工具在哪里下载 激活授权方式&#xff1a;https://qvfbz6lhqnd.feishu.cn/wiki/CcaewIWnSiAFgokOwLycwi0Encf 绘唐2AI工具是一款由中国国家语言资源监测与研究中心开发的人工智能绘画工具。该工具利用深度学习算法和人工智能技术&#xff0c;能够自动将输入的文字描述转…

【MySQL数据库】:MySQL内置函数

目录 日期函数 current_date 函数 current_time 函数 current_timestamp 函数 now 函数 date 函数 date_add 函数 date_sub 函数 datediff 函数 字符串函数 charset 函数 concat 函数 instr 函数 ucase 函数 lcase 函数 left 函数 length 函数 replace…

Github 2024-05-28 Python开源项目日报 Top10

根据Github Trendings的统计,今日(2024-05-28统计)共有10个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Python项目10TypeScript项目2HTML项目1稳定扩散Web UI 创建周期:512 天开发语言:Python协议类型:GNU Affero General Public License v3.0St…

探索自动发邮件的奥秘:从配置到实现

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一、引言&#xff1a;邮件自动化的魅力 二、配置环境&#xff1a;选择适合的SMTP服务器 示…

Spring Boot集成freemaker快速入门demo

1.什么是freemaker&#xff1f; FreeMarker 是一款模板引擎&#xff1a;即一种基于模板和要改变的数据&#xff0c;并用来生成输出文本(HTML网页&#xff0c;电子邮件&#xff0c;配置文件&#xff0c;源代码等)的通用工具。 它不是面向最终用户的&#xff0c;而是一个Java类库…

Adobe AntiCC 简化版 安装教程

Adobe AntiCC 简化版 安装教程 原文地址&#xff1a;https://blog.csdn.net/weixin_48311847/article/details/139277743

面试 Java 框架八股文十问十答第七期

面试 Java 框架八股文十问十答第七期 作者&#xff1a;程序员小白条&#xff0c;个人博客 相信看了本文后&#xff0c;对你的面试是有一定帮助的&#xff01;关注专栏后就能收到持续更新&#xff01; ⭐点赞⭐收藏⭐不迷路&#xff01;⭐ 1&#xff09;Spring 一共有几种注入…

Kafka Consumer 位移提交深度解析

Kafka Consumer 位移提交深度解析 在使用 Kafka 进行消息处理时&#xff0c;理解和掌握位移&#xff08;Offset&#xff09;提交的概念和技术是至关重要的。位移提交不仅关系到消息的消费进度管理&#xff0c;还直接影响到消息的重复消费和丢失问题。本文将深入探讨 Kafka Cons…

数据真实性与经济收益的矛盾:第三方检测何去何从|中联环保圈

在当今的市场化竞争环境中&#xff0c;第三方检测公司在环保行业中处于较为底端的位置。其多数检测业务依赖于第三方技术服务单位的委托&#xff0c;然而在委托过程中&#xff0c;往往面临着报告真实性和收款的矛盾。一旦第三方检测公司负责人在数据真实性和经济收益矛盾中取舍…

1806 jsp防疫物资销售管理系统 Myeclipse开发mysql数据库web结构java编程计算机网页项目

一、源码特点 jsp 防疫物资销售管理系统 是一套完善的web设计系统&#xff0c;对理解JSP java编程开发语言有帮助采用了java设计&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统采用web模式&#xff0c;系统主要采用B/S模式开发。开发环境为TOMCAT7.0,Myeclipse8.…

Laravel时间处理类Carbon

时间和日期处理是非常常见的任务。Carbon 是一个功能强大的 PHP 扩展包&#xff0c;它为我们提供了许多方便的方法来处理日期和时间。在 Laravel 中&#xff0c;你无需单独安装 Carbon&#xff0c;因为 Laravel 默认已经包含了它。如果你正在使用 Laravel&#xff0c;那么你已经…