900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 解决按钮点击时 不触发失去焦点事件

解决按钮点击时 不触发失去焦点事件

时间:2019-05-20 08:08:21

相关推荐

解决按钮点击时 不触发失去焦点事件

Bug具体内容:在input框中,失去焦点时做了校验,并弹窗提示。在点保存时又做了一遍校验,但是当在输入框输入内容后,不点击空白,直接点击保存按钮则会出现连续校验两遍的问题。因为失去焦点事件是mousedown默认触发的,所以,在点击的按钮上阻止mousedown的默认事件即可。具体操作代码如下:

在按钮元素上绑定onmouse事件,函数:

event.preventDefault()

即可阻止点击按钮时触发失去焦点事件。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。