原文:jquery点击click事件和blur事件冲突如何解决

最近做了一个查询小功能,input输入框输入文字后,自动列出几条查询结果,可以键盘上下键或鼠标进行查询结果选择,并且点击输入框其他地方要隐藏这个列出的结果。 但比较头疼的是input上添加blur事件和查询提示结果click事件发生冲突,点击查询结果时,会首先触发input的blur事件,导致将查询提示结果隐藏选择不了, 解决办法: 给blur失去焦点事件添加延迟事件,让blur事件在click事 ...

2015-12-14 09:28 0 1762 推荐指数:

查看详情

何解决 touchstart 事件click 事件冲突

一 · 业务场景的描述 在对已完成的PC站点进行移动端适配时,我们想要站点在移动设备上有更快的响应速度,以带给用户更好的体验,此时,我们应该使用移动设备专用的事件系统,例如,使用 touchstart 事件代替 click 事件。 为什么这样效果会更好呢?根据Google开发者 ...

Sat Mar 10 23:36:00 CST 2018 1 8494
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
jquery点击事件click无效

在做图片删除的时候发现动态添加的图片右上角叉叉点击事件click无效? 试试这个解决方法(click后面参数加子元素) //图片删除 $('#addImgBox').on('click','.img i',function(){ console.log('del ...

Fri Mar 27 21:43:00 CST 2020 0 2651
JQuery 点击整行后checkbox点击事件冲突解决

//绑定了li 或者tr这类元素,元素里的子元素有checkbox这中的的话会触发该点击事件和它自身点击事件导致没有选中 $(".list").on("click",".item",function(){ let ...

Thu Oct 10 17:38:00 CST 2019 0 345
解决input的blur事件在 button的click之前执行的问题

input的blur事件会在click事件之前执行,并且,执行完blur事件click事件就不执行了 解决办法: 移动端项目可以用touchstart来代替click事件 pc端项目可以用mousedown事件来代替 关于鼠标按下事件(手指触摸动作开始),几个常用的: Vue,移动端 ...

Thu May 28 02:25:00 CST 2020 0 576
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM