位置: 编程技术 - 正文

jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题(jquery input)

编辑:rootadmin

推荐整理分享jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题(jquery input),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery设置input的value,jquery设置input的value,jquery input readonly,jquery :input,jquery :input,jquery怎么给input赋值,jquery设置input的value,jquery :input,内容如对您有帮助,希望把文章链接给更多的朋友!

HTML结构:很简单,就一个input,一个div,能说明问题就OK了;

想要实现的结果:

1、input框获取焦点时value为“”,失去焦点时value为“默认值”;-----这个很好实现;        

2、当在input框中输入要搜素的内容后,点击div搜索,要求控制台打印输出要搜素的内容(当然每个项目的需求不同,这里只是举个例子),而且要求点击后不影响input的focus和blur行为;----这个才是重点

先看看冲突没有解决之前的效果;

jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题(jquery input)

结果:在input中输入“aaaa”,然后点击div,控制台输出的却是“默认值”,与预想的结果不符;

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

结果:在input中输入“aaaa”,然后点击div,控制台输出的却是“aaaa”,符合预想的结果;

解决方法二:将div的click事件改成mousedown事件,因为mousedown行为是鼠标点下去的时候就被触发,而click行为是鼠标点下去再抬起的时候才被触发

结果:在input中输入“aaaa”,然后点击div,控制台输出的却是“aaaa”,符合预想的结果;

以上所述是小编给大家介绍的jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery3.0中的buildFragment私有函数详解 时隔3个月,jQuery团队终于发布了3.0Alpha版本。有两个版本jQuerycompat3.0和jQuery3.0。jQuerycompat3.0对应之前的1.x,兼容更多的浏览器,对于IE支持到8.0版本jQuery

jQuery EasyUI Tab 选项卡问题小结 需要解决的问题:比如说我先把行政区域的页面打开之后,我又把产品类型管理的页面打开,之后我再产品类型管理里添加了一条数据,当我点击横着

深入理解(function(){... })(); 1.他叫做立即运行的匿名函数(也叫立即调用函数)2.当一个匿名函数被括起来,然后再在后面加一个括号,这个匿名函数就能立即运行起来!有木有很神

标签: jquery input

本文链接地址:https://www.jiuchutong.com/biancheng/384082.html 转载请保留说明!

上一篇:jQuery Easyui Tabs扩展根据自定义属性打开页签

下一篇:jQuery3.0中的buildFragment私有函数详解(jquery3.6)

  • 小规模纳税开专票享受季度30万纳税
  • 交易性金融资产的交易费用计入哪里
  • 自来水厂的供水管是什么材质的
  • 企业所得税营业收入是含税还是不含税
  • 企业年报股东及出资信息要怎么填写
  • 居民转供电收费标准
  • 开出已验旧的发票怎么办
  • 加油发票样式图
  • 计提跌价的存货卖出了
  • 第二季度的季初资产总额和季末资产总额怎么填
  • 收到小微企业补助会计分录
  • 递延收益为什么是非流动负债
  • 购买租赁财产是什么意思
  • 工程预付款需要什么资料
  • 贸易型出口退税流程
  • 购货发票属于什么科目
  • 固定资产明细账怎么填
  • 个税专项扣除做什么用
  • 采用重置成本计量属性的税种是
  • 差旅费应纳入社保缴费基数吗?
  • 退回其他单位服务费怎么入账?
  • 已抵扣的增值税怎么做账
  • 工会经费给税务局交税比例
  • 上海中级会计报名入口
  • 员工离职再入职要重新签订合同吗
  • 汽车进项税额
  • 做内账收入含税吗
  • 物流公司搬运货物合法吗
  • linux怎么安装使用conda
  • 王者荣耀中孙膑是男的女的
  • mac 10.14.1
  • 商品房买卖合同面积差3%法律规定
  • 2021工资扣税标准公式
  • php存储过程是什么
  • 购买财务软件申请怎么写
  • 长期待摊费用的概念
  • 文竹浇白糖水的正确方法
  • 虚拟机是什么意思
  • 金阁寺屋顶
  • 委托代销商品的会计分录怎么做
  • 投资收益结转到哪个科目
  • 担保余值计算公式
  • 购进食用油的会计分录
  • 收到社保稳岗补贴转入营业外收入要交企业所得税吧
  • 【历史上的今天】3 月 29 日:“机器人三定律”问世;电脑动画首次获得奥斯卡;Caldera Linux 沉浮史
  • sync命令是什么意思
  • MS Excel: COUNTIF Function (WS)
  • python如何导入excel
  • ibm_db_dbi
  • 支付给非金融机构的费用
  • 盈余公积转增资本所有者权益会变吗
  • 增值税和所得税不一致的说明
  • 一般纳税人购入商品会计分录
  • 融资租赁业务的账务及涉税处理
  • 增值税一般纳税人资格登记表
  • 境外所得税税收抵免操作指南
  • 暂估入库冲回与退回区别
  • 未开票收入是否代表可以不开发票
  • 跨年取得的发票
  • MySQL删除重复数据只保留一条
  • 将Reporting services的RDL文件拷贝到另外一台机器时报Data at the root level is invalid的解决方法
  • mysql使用正则表达式查询数据并另存为另一列
  • win8.1怎么升级成win7
  • mac用ntfs文件夹读写ntfs硬盘
  • Win7摄像头怎么打开
  • hptlbxfx.exe
  • xp系统部分乱码解决
  • linux中的
  • android 游戏平台
  • 以下关于shell脚本参数
  • nodejs实例教程
  • javascript常用函数大全
  • jquery ztree选中节点颜色
  • pass python用法
  • 理解Python中的变量
  • 安卓屏幕适配详解
  • python环境及基础语法
  • 应交增值税减免税款借贷方向
  • 税源管理科是干什么的工作
  • 如何做好巡察组组员
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设