位置: 编程技术 - 正文

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)

  • 附加税税率分别是多少
  • 所得税申报是什么
  • 出售可供出售金融资产的利得属于什么活动
  • 土地增值税间接费用扣除
  • 报关金额多报了3000美金
  • 应税服务增值税抵免
  • 支付个人无发票怎么入账
  • 基金投资债券会赔吗
  • 缴纳社保的会计分录怎么做
  • 融资租入固定资产属于资产吗
  • 营改增后建筑企业的账务处理
  • 失业养老保险如何办理
  • 借方增加的科目记忆口诀
  • 代付其他公司货款会计分录
  • 出口押汇与打包押汇区别
  • 小微企业享受税收优惠个数
  • 公司聚餐一定要去吗
  • 公司招待技术维护方案
  • 筹建期间的开办费包括哪些
  • 境外代扣代缴所得税
  • 加油卡充值开票怎么开
  • 外地预交增值税退税了如何把申报报表
  • php字符串赋值
  • win7系统打印机在哪里
  • 芬兰东部的国家有哪些
  • 甲公司购入一台入账价值为200万元的生产设备
  • 库存商品损失怎么做账
  • 多品种生产能力计算公式
  • 增值税纳税人兼营免税减税项目的
  • 集团与子公司资产的关系
  • 约克大教堂是基督教吗
  • thinkphp6 数据库
  • thinkphp saveall
  • 微调是调哪里
  • golang 和 java
  • 增值税发票认证结果通知书在哪里打印
  • 法人章两个字的怎么印
  • mongodb主备
  • dedecms配置
  • 短期借款属于经营活动还是筹资活动
  • 劳动报酬收入包含什么
  • 其他综合收益的概念
  • 个人住的房子要交房产税吗
  • 旅行社开具的发票
  • 残保金属于职工社保吗
  • 营改增后增值税增加了什么征收范围
  • 公司股东投资是什么意思
  • 进项税额中运输费怎么算
  • 2018年所得税率
  • 一般纳税人的服务费税率是多少
  • 资产计提减值如何进行账面记录
  • 公司员工聚餐属于什么费用
  • 企业支付宝要交税吗?
  • 如何填报自然人缴税系统
  • 收付实现制下主营业务成本怎么算
  • 销售废旧物资是否缴税 如何账务处理
  • 小企业应该如何发展
  • 改制后的企业
  • mysql5.7.35安装
  • win8系统笔记本出现意外错误
  • win7 win8.1双系统安装教程
  • xp怎么安装framework
  • 笔记本出厂预装系统
  • mac系统怎么给文件夹设置密码
  • centos8查看cpu温度
  • Cpqset.exe是什么系统进程 Cpqset有啥作用
  • win8怎么样的
  • msxct.exe - msxct是什么进程 有什么用
  • win8个性化设置
  • win10怎么用ios上网
  • android获取位置信息
  • 命令行net
  • python利用csv模块在对csv文件进行操作
  • 四川税务局网上办税
  • 2020年砂石
  • 中国税收居民申报
  • 厦门税务局发票查询系统
  • 耕地占用税 税额
  • 税法普法宣传
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设