zoukankan      html  css  js  c++  java
  • onpropertychange 实时监控input输入框事件实现

    在 Web 开发中经常会碰到需要动态监听输入框值变化的情况,可以使用onchange、onblur 事件,但是要失去焦点时才能触发事件,这里介绍onpropertychange实现动态监听input值

    1.IE浏览器

    $id = document.getElementById("id"); 
    $id.onpropertychange
    = function() {

      //expression

    };

    2.非IE浏览器下,需要用addEventListener来注册事件

    if (window.addEventListener) { 
            document.getElementById("id").addEventListener("input", function() {
    
               //expression
    
            }, false);
    }

    3.JQ实现

    $("#id").bind("input propertychange", function() {
                
        //expression
                    
     });
  • 相关阅读:
    TP之Model(select(),add())
    TP之空操作及View模块
    ThinkPHP之初识
    smarty引擎之练习
    领先环境HTML
    php流程
    分页
    弹窗
    邮箱项目
    TP框架修改操作
  • 原文地址:https://www.cnblogs.com/jeesezhang/p/4271855.html
Copyright © 2011-2022 走看看