zoukankan      html  css  js  c++  java
  • 监听文本框输入

    Firefox、Chrome、IE9,IE10 均支持 oninput 事件,此外所有版本的 IE 均支持 onpropertychange 事件。

    oninput 事件在用户输入、退格(backspace)、删除(delete)、剪切(ctrl + x)、粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入、粘贴、鼠标粘贴时触发)。

    onpropertychange 事件在用户输入、退格(backspace)、删除(delete)、剪切(ctrl + x)、粘贴(ctrl + v)及鼠标剪切与粘贴时触发(在 IE9 中只在输入、粘贴、鼠标粘贴时触发)(仅 IE 支持)。

    backspace、delete 两个按键的 keyCode 分别为 8、46。

    oncut 事件在粘贴(ctrl + v)、鼠标粘贴时触发。

    
    var input = document.getElementById("test");
    function fn() {
      // 你要执行的代码
    }
    
    if(window.addEventListener) { //先执行W3C
      input.addEventListener("input", fn, false);
    } else {
      input.attachEvent("onpropertychange", fn);
    
    }
    
    if(window.VBArray && window.addEventListener) { //IE9
      input.attachEvent("onkeydown", function() {
        var key = window.event.keyCode;
        (key == 8 || key == 46) && fn();//处理回退与删除
    
      });
      input.attachEvent("oncut", fn);//处理粘贴
    }
    
    机器瞎学/数据掩埋/模式混淆/人工智障/深度遗忘/神经掉线/计算机幻觉/专注单身二十五年
  • 相关阅读:
    logback.xml
    logback:RollingFileAppender
    logback :<include>
    logback:参数化日志打印
    logback:fileAppender输出到文件
    logback:root和logger
    logback console控制台输出
    logback encoder详细设置
    logback关闭日志
    IDEA+testng,输出没有test-output目录
  • 原文地址:https://www.cnblogs.com/rubylouvre/p/2914604.html
Copyright © 2011-2022 走看看