美文网首页
blur与change的差异

blur与change的差异

作者: 松鼠煮鳜鱼 | 来源:发表于2019-06-15 22:23 被阅读0次

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

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

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

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

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

作者:蚁方阵
来源:CSDN
原文:https://blog.csdn.net/yiifaa/article/details/52452153
版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章

  • blur与change的差异

    blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blu...

  • input输入事件流

    输入框发生的事件流程依次为focus、keydown、input、keyup、change与blur,见下图所示

  • 事件方法

    // blur: 失去焦点// keyup: 键盘抬起事件 // input: 输入事件// change: 改变...

  • jquery事件 2018-07-25 知识点

    jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() ...

  • jQuery 之 事件

    jquery事件 事件函数列表:blur() : 元素失去焦点focus() : 元素获得焦点change() :...

  • jquery 事件、主动触发与自定义事件、事件冒泡

    jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() 表单...

  • 16

    jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() 表单...

  • 2019-06-18 事件函数列表

    jquery事件 事件函数列表: blur() 元素失去焦点 focus() 元素获得焦点 change() 表单...

  • 3月 前端 16Day

    jquery事件事件函数列表: blur() 元素失去焦点focus() 元素获得焦点change...

  • jquery事件

    jquery事件 事件函数列表: blur() 元素失去焦点focus() 元素获得焦点change() 表单元素...

网友评论

      本文标题:blur与change的差异

      本文链接:https://www.haomeiwen.com/subject/rybifctx.html