码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2018-06-29 14:11:35      阅读:190      评论:0      收藏:0      [点我收藏+]

标签:javascrip   网上   输入框   property   需要   焦点   asc   oninput   内容   

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事件介绍

标签:javascrip   网上   输入框   property   需要   焦点   asc   oninput   内容   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!