zoukankan      html  css  js  c++  java
  • [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. 示例

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

  • 相关阅读:
    寒假作业:第三次作业
    markdown笔记
    c#基类继承
    atom插件安装
    git命令
    vue2.3时使用手机调试,提示媒体已断开的解决方案
    vue中使用hotcss--stylus
    JS调试工具
    Facebook的bigpipe
    xss--攻击方式
  • 原文地址:https://www.cnblogs.com/timlinux/p/9242696.html
Copyright © 2011-2022 走看看