失去焦点与点击事件冲突
来源:互联网 发布:淘宝上的小样是真的吗 编辑:程序博客网 时间:2024/05/21 16:57
在自定义select样式情况下,由于焦点事件会在点击事件之前先执行,如果在失去焦点事件设置时间延时,在体验上还是有点差距,所以我提供了另一个思路。
思路:判断鼠标点击坐标是否在自定义select范围内,不在范围内则执行失去焦点逻辑。(使用jquery)
// 模拟select失去焦点事件$("body").on("click", function(event){ var x = event.clientX; var y = event.clientY; var x1,x2,y1,y2; $(".control-select-wrap").each(function(i){ x1 = $(this)[0].offsetLeft; y1 = $(this)[0].offsetTop; x2 = $(this)[0].offsetLeft + $(this)[0].offsetWidth; y2 = $(this)[0].offsetTop + $(this)[0].offsetHeight;
// 如果不在范围
if( x < x1 || x > x2 || y < y1 || y > y2){ } });});
// 自定义select的item按钮点击事件$(".drop-item").on("click", function(){ });这里设置了body点击事件,顺序是在其他点击事件后面。
0 0
- 失去焦点与点击事件冲突
- input中blur失去焦点事件与点击事件冲突的解决方法
- 获得焦点与失去焦点事件
- C#TextBox 失去与获取焦点事件
- html text失去焦点与得到焦点的事件
- html text失去焦点与得到焦点的事件
- jquery失去焦点与获取焦点事件blur() focus()
- html text失去焦点与得到焦点的事件
- jquery失去焦点与获取焦点事件blur() focus()
- JS失去焦点事件
- angularjs 失去焦点事件
- div失去焦点事件
- onblur失去焦点事件
- AngularJs 失去焦点事件
- jquery失去焦点事件
- 失去焦点修改事件
- 失去焦点事件
- listview与ratingbar结合点击失去焦点问题
- JAVA Socket 实现 TCP 编程
- Codeforces Round #323 (Div. 2)D lis
- 矩阵取数游戏_洛谷1005_dp
- 几个命令轻松搞定linux的服务状态
- qt opencv库配置大全
- 失去焦点与点击事件冲突
- Android windowIsTranslucent属性对Activity结束生命周期的影响
- Sensor 代码流程分析
- 单独合并新分支的一次提交进入某个分支
- tips:Java中while的判断条件
- java 类学习(一)
- 单利模式的简单实例
- 合并两个有序列表
- 浅谈UE4引擎