elementui+vue输入框回车事件与失去焦点事件重叠

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了elementui+vue输入框回车事件与失去焦点事件重叠相关的知识,希望对你有一定的参考价值。

参考技术A 产生的bug:点击回车提示信息重叠

原因:点击回车同时触发回车事件和失去焦点事件

解决办法:在回车事件中调用失去焦点事件

@keyup.enter.native="$event.target.blur"     

@blur="handleInputConfirmTwo"

jquery 怎么让输入框失去焦点

  javascript通过 onFocus onBlur来判断焦点和失去焦点
  <input type="text" id="p" onBlur="alert('lose focus!')"
  onFocus="alert('get focus')" />
  jquery $("#p").blur(); $("#p").blur(fn)
  或$("#p").focus(); 或$("#p").focus(fn)来处理焦点事件
  前者:$("#p").blur();$("#p").focus(); 用来强制获取或失去焦点
  后者:$("#p").blur(fn),$("#p").focus(fn)则类似js的onBlur和onFocus用以处理焦点移出和获取时事件处理!
参考技术A 你可以让别的东西获得焦点,这样输入框就丢失了焦点 参考技术B $("input").blur();

参考技术C 让别的地方获取焦点

以上是关于elementui+vue输入框回车事件与失去焦点事件重叠的主要内容,如果未能解决你的问题,请参考以下文章

vue3+antdesign的输入框(input)添加失去焦点触发事件

vue elementUI点击输入框弹出弹窗不允许输入框输入

jquery 怎么让输入框失去焦点

前端开发中失去焦点和获取焦点是啥意思

onBlur事件是啥?

失去焦点事件啥意思