vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发

vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发当input获取焦点的时候需要判断另一个操作是否已完成,否则需要引导用户先去执行另一个操作,是则允许输入。另一个操作跟当前操作是在同一个页面上,无法通过“下一步”进行控制。解决思路是:当input获取焦点的时候,判断是否满足条件,如果否,则弹出提示引导用户先做另一步操作,然后使当前input失去焦点。但问题是:代码如下:在输入框绑定focus事件:测试:没有选择…

大家好,又见面了,我是你们的朋友全栈君。

当input获取焦点的时候需要判断另一个操作是否已完成,否则需要引导用户先去执行另一个操作,是则允许输入。

另一个操作跟当前操作是在同一个页面上,无法通过“下一步”进行控制。

解决思路是:

当input获取焦点的时候,判断是否满足条件,如果否,则弹出提示引导用户先做另一步操作,然后使当前input失去焦点。

但问题是:

vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发

代码如下:

在输入框绑定focus事件:

vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发

测试:没有选择合同,输入框获得焦点,弹出了提示。

问题:用户点确定后,同样的提示又会弹出,如此死循环。

现在换了解决思路,问题先记录,有时间再研究。

更新:

还是原来的解决思路,改了一行代码的位置就不会出现这个问题了。如下:

vue获得焦点事件处理函数中控制其失去焦点,但是失去焦点后该获得焦点事件一直被触发

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/150395.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • 相机标定(Camera calibration)原理、步骤

    相机标定(Camera calibration)原理、步骤      这已经是我第三次找资料看关于相机标定的原理和步骤,以及如何用几何模型,我想十分有必要留下这些资料备以后使用。这属于笔记总结。1.为什么要相机标定?&nb

    2022年5月28日
  • mysql基本sql语句大全(基础用语篇)_mysql查询语句汇总

    mysql基本sql语句大全(基础用语篇)_mysql查询语句汇总1.数据库存储引擎mysql>showvariableslike’%storage_engine%’;#查看mysql当前默认的存储引擎mysql>showengines;#查看存储引擎InnoDB存储引擎:默认引擎,最常用的。InnoDB是事务型数据库的首选引擎,支持事务安全表(ACID),支持行锁定和外键;InnoDB是默认的MySQL引擎InnoDB特…

    2022年9月5日
  • 什么是dll_dll文件怎么打开编辑

    什么是dll_dll文件怎么打开编辑   DLL的概念    DLL(DynamicLinkLibrary)文件为动态链接库文件,又称“应用程序拓展”,是软件文件类型。在Windows中,许多应用程序并不是一个完整的可执行文件,它们被分割成一些相对独立的动态链接库,即DLL文件,放置于系统中。当我们执行某一个程序时,相应的DLL文件就会被调用。一个应用程序可使用多个DLL文件,一个DLL文件也可能被不同的应用程序使…

    2022年4月18日
  • Android开发之startActivityForResult过时的替代方案

    Android开发之startActivityForResult过时的替代方案如上图所示:在api29中提示已过时,官方给出的替代方案是上面第二个红框的方法registerForActivityResult该怎么用呢?先看kotlin版本的写法:privatevalstartActivity=registerForActivityResult(ActivityResultContracts.StartActivityForResult()){//此处是跳转的result回调方法if..

    2022年7月11日
  • linux操作系统基础教程_linux教程第五版

    linux操作系统基础教程_linux教程第五版1.Linux入门教程http://c.biancheng.net/cpp/linux/基础教程Linux简介Linux文件管理Linux目录Linux文件权限和访问模式Linux环境变量Linux打印文件和发送邮件Linux管道和过滤器Linux进程…

    2022年10月13日
  • token多平台身份认证架构设计思路

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:哈莫 cnblogs.com/beer/p/6029861.html 1、概述 在存在账号体系的信息系统中,对…

    2021年6月28日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号