element 输入框点击事件_ElementUI的input事件问题

最近用ElementUI的el-input组件，然后发现一个问题，

就是我在输入框后，加一个icon的button，

然后我希望这个输入框可以触发两个事件，

第一个是，输入完，按键盘回车键的事件，

第二个是，输入完，点icon的button的click事件。

然后翻阅文档，发现可以给input加@change事件，这样按回车可以搜索，然后可以把icon的button写成slot的方式然后给button加@click事件，这样按钮也能搜索。

但是问题来了，我给input加了@change事件，但是他这个change很坑，因为他change事件里不光包含回车，居然还有失焦。。。

这个时候我们想一下，用户按了回车，change事件触发，这没问题。

但是用户如果输入完，鼠标点右边的icon的button。。。完了。。。这change(因为失焦)和click(因为点击了button)一起触发。。我特么。。。我人都傻了。。这什么鬼设定。。

有没有大佬有办法的，我感觉这个change带失焦好恶心。。

element 输入框点击事件_ElementUI的input事件问题相关推荐

element 输入框点击事件_Element Input输入框的使用方法
本文来源于Element官方文档: 基础用法带图标的输入框(属性方式) placeholder="请选择日期" suffix-icon="el-icon-date&qu ...
ios 中文输入法完成事件_compositionEnd 和 input 事件（中文输入法问题）
网上用 compositionstart + compositionend + input 解决中文输入法问题的办法 node.addEventListener('compositionstart', ...
uniapp中的input，输入input回车事件和输入input事件
<input class="inputclass font28" v-model="inputvalue" @input="input" ...
Vue-change和input事件
1.焦点事件:当鼠标点击页面的时候就获得一个焦点,或者在文本框点击后,光标停留在框内,可以在框中输入内容,也是获得焦点,再点击页面其他位置,失去文本框焦点. 2.change事件:在文本输入框中输入时 ...
vue中解决模糊搜索输入中文时--未输入完成时触发input事件
在给输入框绑定input或keydown事件时预期效果是有输入法时,输入中文后触发事件,不希望输一个字母就触发一次事件可以用到compositionstart,compositionend. 主流 ...
input事件和change事件的区别
今天在监听<input>输入框的内容变化时监听的是change事件,本意是希望输入框内容一发生变化就执行事件监听方法,但是在运行时却发现我在输入框中输入了内容,但是监听事件并没有执行,改用 ...
input 事件监听
1.change事件,在input失去焦点才会考虑触发,它的缺点是无法实时响应,与blur事件有着相似的功能,但与blur事件不同的是,change事件在输入框的值未改变时并不会触发,当输入框的值和上 ...
input输入框点击变大缩小的js代码
一.input输入框点击变大缩小的js代码 html中 <style type="text/css"> input[type='text'] {width: 100px ...
input输入中文时，拼音在输入框内会触发input事件的问题
问题描述: 监听文本输入框的input事件,在拼写汉字(输入法)但汉字并未实际填充到文本框中(选词)时会触发input事件,如图: 需求:选词完成后触发input事件,只触发一次. 解决办法: 通过查 ...

element 输入框点击事件_ElementUI的input事件问题

element 输入框点击事件_ElementUI的input事件问题相关推荐

最新文章

热门文章