问题展现
![在这里插入图片描述](https://img-blog.csdnimg.cn/73d9a6089a064744be33f9140018c778.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA5Li65L2g5piO54Gv5LiJ5Y2DbXFl,size_8,color_FFFFFF,t_70,g_se,x_16)
(“I want to register”点击会在同一页面会将这个“卡片”换成另一个“卡片 ”)
当输入密码后立即点具有click事件的按钮“I want to register” 时,就会出现卡片换了,但提示(弹窗提示)还是出来,这里想click时,不会触发blur
解决方案:
先了解blur与click的共同点:都是在鼠标点击松开时触发
因此,我们可以找一个方法让它们错开:
- 为blur设置延迟
- 把click改成mousedown,在鼠标点下时就触发,这样blur事件不会完成
- blur改成mouseleave