原文:移动端 input的失去焦点事件和点击按钮的点击事件冲突,怎么解决?

我们经常遇到这个情况,输入完之后,点击发送按钮,如果我们在input失去焦点时做一些事情,点击按钮事件也做一些事情,那么这时候,blur事件通常会阻止点击事件,那么如何避免呢 答案 :将click事件用mousedown事件替换 即可 如果在mousedown事件中不想让input框失去焦点,那么在mousedown事件中阻止默认事件即可 。 ...

2020-06-05 10:35 0 1577 推荐指数:

查看详情

输入框失去焦点事件按钮点击事件冲突

场景是这样的: 点击输入框失去焦点会触发验证方法,点击提交按钮的时候也会触发验证方法,如果用户点击输入框后点击提交按钮就会同时触发失去焦点方法和提交按钮方法,这样就会触发两次验证。 我想写成只触发一次验证,在开发过程中我发现:在移动失去焦点点击事件同时发生的时候,会先执行失去焦点事件 ...

Mon Sep 28 01:10:00 CST 2020 0 1252
input中blur失去焦点事件点击事件冲突解决方法

解决的办法: 1. 在blur的回调函数中加一个定时器setTimout,延迟blur回调函数的执行时间,这样的话虽然在点击div的时候,input的blur行为先被触发,但是由于加了定时器延迟,所以得等到按钮的click回调执行完成后才能执行input的blur行为的回调 ...

Thu Apr 30 23:08:00 CST 2020 0 785
input中blur失去焦点事件点击事件冲突解决方法

遇到一个问题,就是输入框input的blur事件点击click事件冲突了,在click的时候会先触发blur事件,没有触发click // 备注名 $(function(){ $(".cy-name-input input").on({ focus:function ...

Thu Apr 27 18:37:00 CST 2017 0 4189
移动input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件

一直觉着qq,微信等app采用的搜索方式挺方便的,没有搜索按钮!一切都是 type="search" 实现的! 欲实现一个文字搜索的功能,要求输入时,键盘回车按钮提示显示为“搜索”。效果如下: 注意:要实现 search ,必须设置input的type类型为search,并且被form元素 ...

Fri Nov 17 04:31:00 CST 2017 0 2122
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM