码迷,mamicode.com
首页 > 其他好文 > 详细

keypress 和 blur 事件冲突的问题

时间:2019-09-30 12:28:31      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:其他   没有   图片   blur   添加   put   定时   啊啊啊   解决   

需求:点击需求:点击添加标签,出来input框,内容输入完成后点击enter键和blur时都可以执行提交标签的效果,提交时对内容进行判断,执行完成后清除input内的内容。如下图

技术图片

技术图片

问题:内容输入完成后blur事件执行没有问题,但是keypress时会先执行keypress然后在执行blur,因前一个事件执行后input框情况,blur执行时会告知用户未输入内容,导致体验极差。
解决:好吧,写到这里我发现我错了,因为始终都会执行blur函数,我直接只写一个blur事件就好了啊,啊啊啊,痛苦,想了那么多就这么简单。
其他:但是如果keypress 和 blur 要执行的内容不一样的话,可以加个定时器来解决这个问题

keypress 和 blur 事件冲突的问题

标签:其他   没有   图片   blur   添加   put   定时   啊啊啊   解决   

原文地址:https://www.cnblogs.com/tiger4513/p/11555029.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!