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)添加失去焦点触发事件