input 输入框 change 事件和 blur 事件

摘要:
输入框的change和blur事件绝大多数情况下表现是一致的,输入结束后离开输入框会先后触发change和blur。那么这两个事件的区别在哪呢?当文本框获得焦点后,没有输入任何内容,或者最终文本框的值没有改变时,是不会触发change事件的,而blur事件始终会触发。如果希望文本框的值一发生改变就立马执行某些操作,而不是等到离开再执行,那么可以使用keyup事件。

输入框的 change 和 blur 事件绝大多数情况下表现是一致的,输入结束后离开输入框会先后触发 change 和 blur。那么这两个事件的区别在哪呢?

当文本框获得焦点后,没有输入任何内容,或者最终文本框的值没有改变时,是不会触发 change 事件的,而 blur 事件始终会触发。如果希望文本框的值一发生改变就立马执行某些操作,而不是等到离开再执行,那么可以使用 keyup 事件。

免责声明:文章转载自《input 输入框 change 事件和 blur 事件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇SQL语句基础(二)Oracle基础 自定义函数下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JavaScript | 选中并获取多行文本框内容的效果

JavaScript | 选中并获取多行文本框内容的效果 本文主要内容 1. 目标效果展示 2. 涉及的基本属性知识 3. 核心功能-选取的相关知识 1. 目标效果展示 如上,主要实现的是用户自定义选择多行文本框中的任何内容,然后把获取的内容放到按钮下的文本中作为内容的存放,最后通过点击按钮实现内容的设置,从而把用户需要的信息从大量的内容文本中获取出来...

WPF TextBox/TextBlock 文本超出显示时,文本靠右显示

文本框显示 文本框正常显示: 文本框超出区域显示: 实现方案 判断文本框是否超出区域 请见《TextBlock IsTextTrimmed 判断文本是否超出》 设置文本布局显示 1. FlowDirection 当文本超出显示区域时,设置FlowDirection靠右显示 下面是封装的附加属性ScrollEndWhenTextTrimmed 1...

C#winform的textbox怎么设置滚动条

用 C#开发软件的时候文本框textbox是没有滚动条的,而且是单行文本。下面教大家如何设置多行,并且设置横向滚动条和垂直滚动条。 打开VS工具,创建一个winform窗体项目。系统会自动创建一个主窗体。在左边工具栏搜索textbox后,拉到窗体里面。 这个时候你看到一个单行文本框,右击文本框,点击属性,右边会显示文本框的属性窗口。选择MutilLine...

textarea聚焦的多种写法

1、textarea标签内容 复制代码代码如下: <span style="font-size:14px;"><tr><td valign="top">备注:</td><td><textarea name="" cols="" rows="" onfocus="this.classNam...

java绘图(基于Graphics2D)

1.绘图基本操作 请参考下面基础示例: 1 int width = 200, height = 250; 2 //创建图片对象 3 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_4BYTE_ABGR);...

[Axure教程]0003.元件的触发事件

Axure RP 的每个元件都有着自己独有的和一些公共的触发事件,在不同的情况下触发不同的事件。 这里我们就以上图中文本输入框为例A.改元件已使用的触发事件  [1].文字改变时:当一个元件内的文字改变时触发,比如搜索框,文本输入框。  [2]获取焦点时:当一个元件通过点击或切换获取焦点时触发。比如搜索框编辑时,清空“请输入关键字”的提示。  [3]失去...