[TimLinux] JavaScript input框的onfocus/onblur/oninput/onchange事件介绍

1. onfocus事件

input框获取到焦点时,触发了该事件,比如获取到焦点时,修改input框的背景色。这个功能其实可以使用css的伪类:focus来定义。

2. onblur事件

这个与onfocus事件想法,当input框失去焦点时,触发该事件,比如将输入的文本,统一修改为小写

3. onchange事件

这个事件的发生需要具有2个条件:

  • 失去焦点
  • 内容发生了变化

4. oninput事件

这个时HTML5新加入的事件,IE9之前是不支持的,在IE9之前使用的是: onpropertychange事件,这个事件,用来做实时搜索功能非常的合适。当输入框内容有变化时,实时触发事件,比如输入了一个字符、或者删除了一个字符,都将触发该事件的发生。

5. 示例

事件比较简单,不单独给出示例了,大家可以到网上针对每一个事件,单独搜索示例吧!

猜你喜欢

转载自www.cnblogs.com/timlinux/p/9242696.html