首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

解决blurclick冲突

在开发中我们会经常遇到blurclick冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题,并提供了两种解决方案。...一、blurclick事件简述 blur事件:当元素失去焦点时触发blur事件;其为表单事件,blurfocus事件不会冒泡,其他表单事件都可以。...script> // 输出结果: my input blur my button click 二、下拉框blurclick事件冲突,导致不能正常选择值 实际开发中,我们会经常遇到某一下拉列表框,点击其他元素消失列表框...由上述示例3,可得知“blur优先于click执行”。而在本示例中,由于blur处理程序,会将对应的下拉框展示区隐藏,所以导致其后续click事件并不会执行。上述console的信息也不会被输出。...解决方案1:对blur事件进行延迟,让click先执行。

1.8K20

解决blurclick冲突

在开发中我们会经常遇到blurclick冲突的情况。下面叙述了开发中常遇到的“下拉框”的问题,并提供了两种解决方案。...一、blurclick事件简述 blur事件:当元素失去焦点时触发blur事件;其为表单事件,blurfocus事件不会冒泡,其他表单事件都可以。... // 输出结果: my input blur my button click 二、下拉框blurclick事件冲突,导致不能正常选择值 实际开发中,我们会经常遇到某一下拉列表框,点击其他元素消失列表框...由上述示例3,可得知“blur优先于click执行”。而在本示例中,由于blur处理程序,会将对应的下拉框展示区隐藏,所以导致其后续click事件并不会执行。上述console的信息也不会被输出。...解决方案1:对blur事件进行延迟,让click先执行。

3K31
您找到你想要的搜索结果了吗?
是的
没有找到

不完美解决clickdblclick事件冲突问题

情况描述   当某个元素,如:div,同时绑定了click事件dblclick事件,而这两个事件又要处理相对独立的业务,也就是click的时候不能触发dblclick,dblclick的时候不能触发click...情况分析   首先我们要清楚clickdblclick的执行顺序,测试过程略,下面是测试结果:   click:mousedown -- mouseup -- click   dblclick:mousedown...-- mouseup -- click -- mousedown -- mouseup -- click -- dblclick   由此看来,在dblclick触发之前,实际上是执行了2次click...,而第一次的click是会屏蔽掉的(为什么?...于是考虑用延迟,也是我唯一能想到的解决办法,利用setTimeout()来延迟完成click事件的处理,然后在需要屏蔽click的时候用clearTimeout()来停止。

1.2K20

Android触摸事件mousedown、mouseup、click事件之间的关系

首先想到是利用click事件控制,发现仍然会有下拉出现…实际这个是mousedown事件控制的。 这里就说明下clickmousedown、mouseup。...规范要求,只有在同一个元素上相继触发 mousedown mouseup 事件,才会触发 click 事件;如果 mousedown 或 mouseup 中的一个被取消,就不会触发 click 事件...实际这个就利用了click事件要求在同一个元素相继触发mousedown mouseup 事件。...IE、Firefox 9+ Opera支持这个事件。 mousemove:当鼠标指针在元素内部移动时重复地触发。不能通过键盘触发这个事件。...除了 mouseenter mouseleave,所有鼠标事件都会冒泡, 也可以被取消,而取消鼠标事件将会影响浏览器的默认行为。

2.7K30

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...mouseenter() 鼠标进入(进入子元素不触发) mouseleave() 鼠标离开(离开子元素不触发) hover() 同时为mouseentermouseleave事件指定处理函数 ready...() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单 编写一个form表单,用来演示输入框获取焦点失去焦点的示例 ?...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。...(function(){ // alert($(this).val()); }) $('#password').blur

12.1K30
领券