onblur和onclick冲突的解决方法

onclick和onblur冲突问题的快速解决方法 下面小编就为大家带来一篇onclick和onblur冲突问题的快速解决方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考 立即下载

场景:input输入框绑定onblur事件,input输入框的确认按钮绑定onclick事件。在点击确认按钮的的同时,input也失去了焦点,所以会触发onblur事件,并且onblur会优先于onclick执行。这就会导致按钮的onclick事件无法正确执行,解决办法有两种:
1.给onblur加settimeout, 然后onclick中cleartimeout。也就是说让onblur延迟一段时间再执行,在这一段时间内onclick会正常执行,并且onclick中的cleartimeout会停止onblur的执行。

var timer;
inp.onblur = function() {
        timer = setTimeout(function() {
        	//onblur事件要执行的代码
   		    some code;
        }, 120); 
    };
btn.onclick = function() {
        clearTimeout(timer);
        //onclick事件要执行的代码
        some code;
    };

2.将onclick替换为onmousedown,

inp.onblur = function() {
    //onblur事件要执行的代码
   	some code;
};
btn.onmousedown = function() {
        //onclick事件要执行的代码
        some code;
    };
记一次完整的RPG Maker MV游戏逆向过程(思路一) 了解RPG Maker MV的文件建构 上一篇文章,我们已经成功在PC上运行了游戏,那我们如何对游戏进行逆向呢? 首先要了解正常的RPG Maker MV制作的游戏应该具有哪些文件,以及他的结构 那如何了解他的结构呢,很简单,我们只需要用RPG Maker MV创建一个默认工程,来看看一个游戏的最简结构是怎么样的 创建新项目 项目创建完成 查看项目目录结构 是不是和之前解包出来的很像呢? 通... 阅读详情

相关推荐

AI大模型学习(13)小白也能学会的10分钟豆包大模型的python教程1

豆包AI大模型API是字节跳动推出的智能对话接口服务,开发者可以通过简单的HTTP请求调用强大的AI能力,实现智能问答、内容生成等功能。

isoft888的专栏,致力于C#/python分享物联网、大数据,神经网络的等领域,欢迎讨论交流! 1001

当失去焦点onblur和单击onclick冲突时解决方案

当onblur和onclick冲突时,两种解决这种冲突的办法。第一种利用时间差,第二种利用先后执行顺序。

不踩坑,不知道坑有多深;不总结,踩过的坑白踩。 3816

安卓手机游戏《英雄迷宫冒险》存档修改

警告 修改前务必备份存档文件夹。该游戏有自动删除存档的功能,有问题的存档会自动删除。 修改对应的游戏版本为1.5。 存档保存位置 内部存储\Android\data\com.xmmf.yxmgmx.taptap\files 该文件夹中文件如下: data.wsf:数据文件。 wsfSave0:第一个存档。 wsfSave1:第二个存档。 修改金钱的例子 先进游戏确认当前金钱数量。当前金钱是2498,然后退出游戏。 根据金钱数量计算出存档中的内容。2498的十六进制是9C2,存档中的内容在存档中搜索该数

番茄鸡蛋的专栏 9360

onblur 与onclick 冲突;onblur导致onclick事件丢失

onblur导致onclick事件丢失 onblur 与onckick 冲突

743

STM32新手必看:AHT20温湿度传感器实战指南(附完整I2C代码)

本文详细介绍了如何使用STM32驱动AHT20温湿度传感器,包括硬件连接、I2C通信协议解析、驱动代码优化及实战调试技巧。通过对比AHT20与DHT11、SHT30等传感器的性能,突出AHT20的高性价比优势,并提供完整的I2C代码示例,帮助新手快速上手嵌入式传感器开发。

weixin_29163857的博客 293

数据结构实验1 集合的交、并、差

姓名:Far_Rainbow 学号: 202505000X 专业: 软件工程 年级:2020级 实验名称:实验1 集合的交、并、差 实验内容: (1)实验目的 通过该实验,让学生复习巩固C语言中的循环结构、循环控制条件、分支结构和数组/链表、函数的调用等有关内容,体会到用数组存储集合时,需要记录集合元素的个数,否则输出结果会出现数据越界现象。 (2)实验内容 通过键盘,分别输入两个数据元素类型为正整数的集合A和B,以负数输入为结束条件,输出两个集合的交、并、差。 (3)实验要求 从程序完善性上考虑,集合元

Far_Rainbow的博客 2177

input框的onblur失焦事件与button的onclick点击事件冲突

问题 输入框,需要处理onblur事件与onclick事件,在项目中点击button按钮的时候同时也触发了onblur事件 解决方法: 经过一步步定位问题发现该问题,查找资料后进一步测试问题得以解决,将button的onclick事件更改为onMouseDown ...

coco723的博客 1607

NAO V6 开发环境的配置(附所有文件)

NAO V6开发环境配置前言环境Robot SettingsChoregraphe 2.8.5.10python2.7+naoqi2.8+opencv4.1.0putty与FileZilla 前言 学校的机器人摸索了一段时间,之前摸爬滚打探索环境,之前没接触这类机器人可能会非常艰辛,希望能给需要的人一些帮助。Nao与pepper通用 环境 win10(x64)+naoqi2.8 1、Robot S...

wbhhello的博客 3219

js--onblur和onclick事件冲突

js--onblur和onclick事件冲突

冷月心的博客 1584

WINCC8.1工业组态软件安装与授权配置指南

SCADA系统作为工业自动化控制的核心平台,通过实时数据采集与监控实现生产流程可视化。WINCC作为西门子旗舰级组态软件,其8.1版本凭借稳定的运行时环境在汽车制造、流程工业等领域广泛应用。本文从工业控制系统软件安装规范切入,重点解析WINCC8.1与Automation License Manager的协同工作原理,详细说明包括系统环境检查、安装包校验、授权文件配置等关键技术环节。针对工程实施中常见的内存配置不足、授权管理器报错等典型问题,提供经过现场验证的解决方案,特别适用于需要进行产线监控系统升级维护

cqwf95925的博客 1651

YOLO26改进策略【Head】| (独家改进)轻量化检测头:利用 EfficientNet 中的移动倒置瓶颈模块 MBConv 改进检测头

本文记录的是基于移动倒置瓶颈 MBConv 的 YOLO26 的检测头轻量化改进方法研究。采用了独特的倒置瓶颈结构,通过的操作以及,在高效提取特征的同时极大地降低了计算量。本文将的设计优势融入j检测头中,使其在目标检测任务中不仅能够更精准地识别各类目标,还能在计算资源有限的情况下快速响应,展现出更为卓越的实时检测能力。EfficientNet: Rethinking Model Scaling for Convolutional Neural Networks的实现代码如下: 首先在代码中加入如下代码: 其

Limiiiing的博客 286

onBlur和onChange冲突解决方法

如上图,我想当点击xxx或yyy时将弹出层关闭,点击dom上的其他元素弹出层也关闭于是我监听了xxx和yyy元素的onClick事件和input元素的onBlur事件但是当我点击xxx或yyy时onBlur事件会先执行,导致xxx或yyy的onClick事件直接不执行。...

weixin_46787337的博客 1130

Matlab之App Designer 一键自动生成带有表格的报告

本文采用案例讲解的方式介绍了采用Matlab中的App Designer开发可视化GUI分析界面后,实现一键自动导出带有表格报告的方法和步骤。可以实现从报告编制等繁琐的工作中解脱出来。

m0_59012156的博客 355

解决Js中onclick和onblur冲突

使用setTimeout来使onblur时间延期执行,使onclick执行完后再执行onblur。(其中setTimeout的时间设定应该在100ms以上,否则依旧不行)    oText.onblur=function(){         timer=setTimeout(function(){           oUl.style.display='none';         ...

RemixGdc的博客 1420

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

click和blur事件冲突解决方案

场景:例如做一个模仿百度搜索的搜索框,输入文字下面会有匹配项,当点击下拉项中的值时,就将值添加到搜索框中同时隐藏下拉框,点击其他地方就直接隐藏下拉框,这时所需要的事件分别为 下拉框事件onclick,输入框事件onblur,但是实际会出现想选中下拉框却先触发了onblur事件导致onclick无法执行。原因是因为JS是单线程,同一时间只能处理一个事件,且blur执行顺序优先click. 解决方案...

weixin_30608131的博客 202

VB摄像头监控

该VB模块可对摄像头捕获的画面进行录像等,可在创建的窗口进行控制

reactjs 开发过程中遇到的一些问题

一. reactjs 渲染input后 ,为什么value设置了值的话就不可编辑了?       用defaultValue 代替 value.

m0_38082271的博客 626

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

onclick和onblur的冲突问题

onclick和onblur的冲突问题 新浪首页的搜索框里面有一个使用ajax的下拉框。我们需要实现一个点击下拉框里面的一项,让搜索框里面的值变成这一项,同时下拉框消失的效果,但同时在点击其他地方的时候,这个下拉框也要消失。大致如图: 我们同时使用onblur...

aohunshu0065的博客 318

onblur和onclick的冲突解决原名:onBlur killing onClick but not if setTimeout is used

原文地址:http://stackoverflow.com/questions/6391997/onblur-killing-onclick-but-not-if-settimeout-is-used If you put cursor in the first input, then click the button, you get one message. If you pu

zh89233的专栏 1262

onBlur和onclick冲突的问题

一个表单提交页面,每个text都有onBlur方法。然后button按钮通过onclick来执行submit操作。现在的问题是:当光标还在某个text时,直接点击button提交,不会提交,只会执行onBlur事件 解决方法: 1、在按扭上加个onmouseover函数,里面的代码是把焦点移到按扭上。(不好,因为是个按钮你没点击只是鼠标放在上面就提交了) 2、在onBlur方法中加判断 /...

miaoyuemy的博客 707

JS Onblur 与Onclick事件冲突的解决办法

场景:百度的搜索框 输入检索字后下拉会有对应的列表出来,要求点击搜索框外的区域下拉列表消失,点击下拉列表的某个记录后跳转。实现方式为 input 的onchange+onblur 与列表的onclik 。这样就会存在一个问题,当点击列表时 input 的onblur就先发挥作用,导致列表的onclik无效(js的单线程限制了只允许一个事件触发,onblur的优先性高于onclick). 解决办法

yelangshisan的专栏 9752

用stopPropagation()方法避免onblur与onclick冲突问题

用stopPropagation()方法避免onblur与onclick冲突问题前一阵写一个项目要求是一个输入城市名称的input框,当用户点击输入框时热门城市的div浮出,里面有可选择的城市,用户可选择某个城市点击,点击完毕后div隐藏,那么它的城市名称将要显示到input框内。也可自己输入城市名称,输入完毕后,使input框失去焦点div隐藏。 一开始的思路 当input框获取焦点时div浮出

shenmill的博客 6412

解决input中智能提示框onblur与onclick冲突的问题

解决input中智能提示框onblur与onclick冲突的问题

weixinhmz的博客 191

别再死磕理论!用Multisim/Proteus仿真复现电赛仪器仪表题目(以数字存储示波器为例)

本文以数字存储示波器为例,详细解析如何利用Multisim和Proteus仿真工具复现电子设计大赛中的仪器仪表题目。通过实战演示信号调理、采样存储、触发系统等核心模块的设计与实现,帮助参赛者从理论过渡到实践,提升电赛作品开发效率。

weixin_33698823的博客 412

onblur和onclick冲突

    文本框给定一个onblur事件,按钮给定一个onclick事件, 这样的话,当点击按钮之后,文本框失去事件触发,但是按钮的onclick事件却触发不了   原因如下: onclick 相当于 在某一元素上触发了 onmousedown(即鼠标按下)后 任然在该元素 上 触发了onmouseup(鼠标按键弹起)才触发 onclick;  对于某元素A 绑定了 click事件 并同...

腾飞FLY 538

input的onclick与onblur在使用时的冲突

我在<input 中使用了 onclick="" onblur="">而onclick触发时,会弹出像google的下拉提示一样的东西,而当弹出这个东西,鼠标去选择时,input又触发了onblur事件。而我在onblur的方法里,定义了关闭下拉列表,所以,在下拉列表的<span oncluck="">中怎么也不会生效了,以后要注意这样的矛盾产生。...

zhulibo 485
上一篇: onmouseover和onmouseout事件冒泡导致闪烁的问题
下一篇: js中this的指向
RebootTang
博客等级 码龄10年 2粉丝 17原创
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值