首页 > 编程语言 > 详细

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

时间:2018-06-29 13:14:37      阅读:214      评论:0      收藏:0      [点我收藏+]

1. onfocus事件

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

2. onblur事件

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

3. onchange事件

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

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

4. oninput事件

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

5. 示例

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

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

原文:https://www.cnblogs.com/timlinux/p/9242696.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!