专栏首页从零开始学 Web 前端input输入框change和blur事件区别

input输入框change和blur事件区别

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外。

1、没有进行任何输入时,不会触发change

在这种情况下失焦后,输入框并不会触发change事件,但一定会触发blur事件。在判断表单的修改状态时,这种差异会非常有用,通过change事件能轻易地找到哪些字段发生了变更以及其值的变更轨迹。

2、输入后值并没有发生变更

这种情况是指,在没有失焦的情况下,在输入框内进行的删除与输入操作,但最终的值与原值一样,这种情况下失焦后,keydown、input、keyup、blur都会触发,但change依旧不会触发。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 从零开始学 Web 之 jQuery(六)为元素绑定多个相同事件,解绑事件

    先说结论:通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素,后添加的元素不能绑定事件;而 delegate 和 on 的方式绑定元素的方式可以。

    Daotin
  • 从零开始学 Web 之 jQuery(六)为元素绑定多个相同事件,解绑事件

    先说结论:通过调用事件名的方式和 bind 的方式只能绑定之前存在的元素,后添加的元素不能绑定事件;而 delegate 和 on 的方式绑定元素的方式可以。

    Daotin
  • 从零开始学 Web 之 移动Web(一)屏幕相关基本知识,调试,视口,屏幕适配

    而分辨率则一般用像素来度量 px,表示屏幕水平和垂直方向的像素数,例如 1920*1080 指的是屏幕垂直方向和水平方向分别有1920和1080个像素点而构成。

    Daotin
  • 普通索引和唯一索引的执行过程

    我们已经介绍过索引的结构和索引的几种优化,我们再来看一下相同语句在不同索引类型的执行过程

    matinal
  • MySQL深入学习第九篇-普通索引和唯一索引,应该怎么选择?

    在前面的基础篇文章中,我给你介绍过索引的基本概念,相信你已经了解了唯一索引和普通索引的区别。今天我们就继续来谈谈,在不同的业务场景下,应该选择普通索引,还是唯一...

    越陌度阡
  • mysql学习笔记(四)普通索引还是唯一索引

    这一篇主要来分析下如何选择普通索引和唯一索引,以及他们在查询时候的原理。

    虞大大
  • Mysql如何选择唯一索引和普通索引

    相信大家对唯一索引和普通索引是有一定的了解的,那么在不同的业务场景,使用唯一索引还是普通索引呢,比如下面的场景

    小土豆Yuki
  • 数据库原理: Change Buffer 是干什么的?

    redo log 主要节省的是随机写磁盘的 IO 消耗(转成顺序写),而 change buffer 主要节省的是随机读磁盘的IO消耗。

    王小明_HIT
  • 【FinTech】机器学习是发展金融科技公司的最佳方式吗?

    今天,机器学习在金融生态系统的许多阶段扮演着不可或缺的角色。 从审批贷款到管理资产,评估风险。 然而,只有少数技术娴熟的专业人员能准确了解ML如何进入日常金融生...

    陆勤_数据人网
  • UserAgent收集

    工作中,时不时用到 UA(User Agent),每次都要 Google 搜索,于是自己整理一下,直接看一个比较全的整理就方便多了。

    技术小黑屋

扫码关注云+社区

领取腾讯云代金券